Regarding CSS and CLASS TAG.

Hi Java People,
I am basicaly an ABAPer , can anyone please tell me where is are attributes of the Tag CLASS defined in an HTML page?
Basically i am working on BSP where we have to use Javascript along with ABAP.
In the layout part of BSP i am not able to find the definition of the CLASS tag.
Thanks in advance.
Regards,
Vevek.

Dear Vivek,
                  This is the following example where you can use the CSS and JSP togeather...
http://www.w3schools.com/css/tryit.asp?filename=trycss_background-color
http://www.w3schools.com/css/css_examples.asp
Jsp Examples to use CSS in Class Tags:
<table class="table_bdr">
                    <tr>
                 <td class="datatxt">
                 <td><input type="text" name="assoid" value="" size="10" class="inputText_Full" /></td>
Reward Points if useful

Similar Messages

Images, CSS and p Tags

I have a site I recently launched with Contribute and Dreamweaver. I am using CSS to control the alignment and spacing of images.
The problem I'm having is that I get strange rendering from pages created in Contribute because, by default, it wants to put images that are inserted in pages with text inside paragraph tags (<p>). Even if the image is on its own line, it is inserted in a <p> tag. I've tried adjusting my CSS to accomodate this, but it doesn't solve the problem.
Does anyone know how to insert an image without putting it inside a <p> tag, if there is text on the page? (Inserting an image on the page by itself does not create a <p> tag.)
The only workaround I've been able to find is inserting a horizontal rule, selecting the horizontal rule, inserting the image and then deleting the horizontal rule. This works, but it's far from ideal.

Thanks for the input. I'm well aware of how to use CSS. The focus of this discussion was really how to get images out of <p> tags, not how to write a bunch of extra CSS to undo what Contribute really shouldn't be doing to images.
I am committed to use CSS on my site, but I am also committed to making that CSS easy to use, which mean working at tag and block levels as much as I can, rather than becoming "class happy". I know I have to use classes to do the left and right alignment, but let me share a specific scenario where CSS shouldn't be used.
I have an <h2> element that is the full width of my container. Below that, I have a <p> element for my paragraph. For my design, I want the paragraph to have 1em of padding. Now, I want an image banner that is the full width of the container, so it can nest under the <h2> and be the same width. If I insert the image in Contribute above the <p>, it puts that in a <p> tag. Now, the image is too wide because it's trying to add padding around something that is already the full width of the page. I can't add a rule to remove the padding from all images, because that would remove padding from images that need it also.
I could write a custom CSS class to resolve this issue, but that takes time, adds to my CSS file size and gums up my dropdown menu with an unnecessary class that's only used to solve this one scenario. Instead, it makes more sense to just break the image out of the paragraph tag and treat it as a block.
This is an example of what I was trying to get Contribute to do. I just needed the image tag as such, an image, not an image inside my paragraph padding rules.
In this case "remove paragraph breaks" is the most logical choice, rather than writing a bunch of CSS to undo Contribute's quirks.

Why aren't my CSS and div tag boxes displaying the background images I'm plugging in?

I'm using the CSS dialog boxes to places images via the background image option into my dreamweaver site. Everything looks fine in dreamweaver but when I view it any of the browsers, two of the images I've place as div tag background images don't work....the overal background image of the site works, but these don't show up ....
here's my code if it helps to answer
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Main</title>
<style type="text/css">
body {
background-image: url(images/realgrade.jpg);
background-repeat: repeat-x;
text-align: center;
html, body {
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-top: 0px;
padding-top: 25px;
#wrapper {
width: 930px;
text-align: left;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
position: relative;
background-image: url(file:///Macintosh%20HD/Users/jimmymoreira/Unnamed%20Site%204/images/possible%20image. jpg);
background-repeat: no-repeat;
#header {
height: 192px;
width: 237px;
background-image: url(images/logo_fill.jpg);
background-repeat: no-repeat;
position: absolute;
left: 35px;
top: -25px;
#mainNav {
background-color: #33F;
height: 200px;
width: 272px;
float: left;
margin-top: 233px;
#maincontent {
height: 600px;
width: 608px;
float: right;
margin-bottom: 45px;
padding-right: 25px;
background-repeat: no-repeat;
background-position: center 270px;
background-image: url(file:///Macintosh%20HD/Users/jimmymoreira/Unnamed%20Site%204/images/opaqueMaincontent .png);
#sidebar {
background-color: #F36;
height: 250px;
width: 272px;
clear: left;
float: left;
#footer {
height: 525px;
width: 870px;
clear: both;
padding-top: 45px;
padding-right: 30px;
padding-bottom: 30px;
padding-left: 30px;
background-image: url(images/footer_image.jpg);
background-repeat: no-repeat;
margin-top: 45px;
</style>
</head>
<body>
<div id="wrapper">
<div id="header">
    <p> </p>
    <p> </p>
    <p> </p>
</div>
<div id="mainNav">
<p> </p>
</div>
<div id="maincontent"></div>
<div id="sidebar"></div>
<div id="footer"></div>
</div>
</body>
</html>
here's what I'm going for
here's what I'm getting in the browser
Please help!

Your image files are pointing to your hard drive, not your server. You have this
background-image: url(file:///Macintosh%20HD/Users/jimmymoreira/Unnamed%20Site%204/imag es/opaqueMaincontent.png);
and you should have this
background-image: url(imag es/opaqueMaincontent.png);
Also, is your images file named imag es?
Gary

Css and data tag

Hi All
I want to change A few data tags I am using in onLine shop I opened in BC, Any ideas how to edit those css code?
TIA

Hi there,
Do you want to edit External CSS files or internal CSS applied on your HTML pages.
There are number of ways you can edit CSS on a BC site:
You can Log onto the Admin Dashboard of the BC site, and can click on the Develop Tab, locate that CSS file from the Folders and Files Tree on the left and edit that there. (Develop tab is active if you have used Adobe ID to log in that is a BC Partner on any BC site).
You can also SFTP the BC site, and can save CSS files locally and edit that in any text editor, save it and upload it. Check article on connecting BC site with SFTP client : Connecting to your site using sFTP
Another Way is using Dreamweaver and connecting BC site in Dreamweaver , then get the site files, edit CSS files, save changes and put updated files.
P.S. : Make sure you have saved the original CSS file or have copied the CSS code locally to have it's back up.
Thanks.

Question regarding image and links tag

Hi. Im new to podcasting and have just had my first podcast excepted on itunes.
Im using garageband.com to store my audio file and copy & pasting the address into itunes to submit it. (http://www.garageband.com/user/wabel/podcast/main.xml)
What i dont understand is adding an cd cover image and links to a web site.
I asume its sumular to html, where you type the code with link or image, but where? I cant edit within the above link!
Please help.

The "code" for images and links goes into the xml file.
<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd" version="2.0">
<channel>
<ttl>60</ttl>
<title></title>
<link></link>
<language></language>
<copyright></copyright>
<itunes:subtitle></itunes:subtitle>
<itunes:author></itunes:author>
<itunes:summary></itunes:summary>
<itunes:owner>
<itunes:name>John Doe</itunes:name>
<itunes:email>[email protected]</itunes:email>
</itunes:owner>
<itunes:image href="http://example.com/podcasts/everything/AllAboutEverything.jpg" />
<itunes:category text=" ">
<itunes:category text=" "/>
</itunes:category>
<item>
<title></title>
<itunes:author></itunes:author>
<itunes:subtitle></itunes:subtitle>
<itunes:summary></itunes:summary>
<enclosure url=" " length=" " type=" " />
<guid></guid>
<pubDate></pubDate>
<itunes:duration></itunes:duration>
<itunes:keywords></itunes:keywords>
</item>
</channel
</rss>

Images, ,js, .css and jsp

Hi i've a problem, i wrote an application jsp based, each jsp produce an html file that contains tags <img, that link to .css and .js files, i added to my jsp the scriplet:
<%
response.addHeader("Cache-Control", "no-cache");
response.addHeader("Pragma", "no-cache");
response.addHeader("Expires","-1");
%>
to prevent caching into the Temporary Internet files, because i don't want to give the user my application, html files arn't cached but images, .css files and .js files are still cached.
What can i do to prevent this????
Thankk for all lbdb:

Thank you rameshinjava, i tested your solution but it does'n work i still view the .js,.css and .class(applet) file into the Temporary Internet Files directory.
can anyone give me one other solution?

CSS tags and classes

Hi, after playing around with css for a night, i still cannot
figure out whats the difference between using a class and tag css.
Under what circumstances should i use them?
Helps are greatly appreciated. Thanks.

> while CSS class allows creation of new tags which can be
applied freely.
No, not really. Custom classes can be applied to any HTML
tag, they don't
allow creation of new tags.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"paydnar" <[email protected]> wrote in
message
news:euv9gk$l7j$[email protected]..
> I've had it figured out now.. i meant tag and class.CSS
Tag applies to
> existing html standard tags, while CSS class allows
creation of new tags
> which can be applied freely.

I just updated my Firefox browser to Firefox 8. I am a college student and practice with HTML and CSS for class assignments. The fonts in all my html documents are being overwritten online by your script typeface. How do I resolve this issue?

I just updated my Firefox browser to Firefox 8. I am a college student and practice with HTML and CSS for class assignments. The fonts in all my html documents are being overwritten online by your script typeface. I did not have this issue in the older version. I use an iMAC running OS10.6.8. How do I resolve this issue?

Starting with this, you have errors in your CSS code.
body {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
color: 151515;
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
background-color: EFF5F8;
body {
margin:0;
color: #151515;
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
background-color: #EFF5F8;
font-size: 100%;
Related links:
Windows Chrome, why do my fonts look so bad? - Lee Green
css3 - Bad font rendering Chrome - Stack Overflow
Nancy O.

Code hints for id's and classes, already used in CSS

Often when writing CSS I have to repeat #idnames and .classnames again and again, because I tend to write like this:
#myelement {}
#myelement .inner {}
#myelement .inner .subdiv {}
#myelement .inner .subdiv ul li {}
#myelement .inner .subdiv ul li a {}
#myelement .inner .subdiv ul li a:hover {}
Is there a code completion for already used id's and classes in the CSS CodeView in Dreamweaver?
I know the HTML Codeview give you hints for id's and classes from the CSS, but I want hints for id's and classes inside the CSS View.
I know this from Aptana and it is really handy so I've just wondered.
Thanks for answers.
Pete

Hello Susan;
I don't know if this helps, but I was having code hint issues also, here is the link to the discussion.
http://forums.adobe.com/thread/553610?tstart=0
John

Filting html tags, css, and javascript with regex

hi everyone,
im writing a small application where a user types in a url, and the text of the webpage is displayed in a text area.
ive got it to work, however it takes some time, and also alot of content i dont want is displayed - tags, scripts and sometimes css.
initally i filtered out the html tags with a regular expression, but i still get alot of unwanted content.
im not a confident java programmer, and the idea of parsing html, css and javascript is the scariest idea ever to me, so my next idea is to keep only everything between the <body> tags - everything above and below it is deleted - hopefully that should leave me only with the visible content on the site.
ive messed around with regular expressions but i cant get it to work, can anyone help out?
thanks alot,
Torre

Darryl.Burke wrote:
I tried out the regexes I posted on the source of a forum page, which is not valid html (contains two each opening and closing body tags). With a bit of trial and error I was able to remove everything upto the first, and not the second, opening tag by using a reluctant qualifier, ^.*?, but couldn't for the life of me achieve removal of only the last closing tag, leaving the other, invalid one intact. How would you do that?Regexes always try to match the first occurrence of whatever they're looking for (the sentinel), and there's no way to change that behavior (but it would be handy if you could). What you have to do instead is make sure the rest of the regex can't match the sentinel. For that you need lookahead, and the simplest way to use it is to scan the rest of the text looking for the sentinel and, if it doesn't find one, go ahead and gobble up the remaining text: "(?is)</body>(?!.*</body).*$" However, if there are many occurrences of the sentinel, you could take a serious performance hit. Here's a much more efficient way: "(?is)</body>(?:[^<]++|<(?!/body>))*+$" After matching the sentinel, this regex gobbles up anything that's not the first character of the sentinel, or the first character as long as it isn't followed by the remaining characters of the sentinel. The advantages of this regex are that it never has to backtrack, and the lookahead is only applied when it's necessary, where the first regex applies it every time.

[svn:fx-trunk] 15669: * Package and class level javadoc for the flex2. compiler.css,

Revision: 15669
Revision: 15669
Author:   [email protected]
Date:     2010-04-23 10:12:53 -0700 (Fri, 23 Apr 2010)
Log Message:
Package and class level javadoc for the flex2.compiler.css,
flex2.compiler.common, and flex2.compiler.config packages.
QE notes:
Doc notes:
Bugs:
Reviewer: Corey (post-commit)
Tests run: checkintests
Is noteworthy for integration: NO
Modified Paths:
    flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/common/CompilerConfiguration.java
    flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/common/Configuration.java
    flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/common/ConfigurationPathResolver. java
    flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/common/DefaultsConfigurator.java
    flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/common/FontsConfiguration.java
    flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/common/FramesConfiguration.java
    flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/common/LocalFilePathResolver.java
    flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/common/MetadataConfiguration.java
    flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/common/MxmlConfiguration.java
    flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/common/NamespacesConfiguration.ja va
    flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/common/PathResolver.java
    flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/common/SinglePathResolver.java
    flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/config/AdvancedConfigurationInfo. java
    flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/config/CommandLineConfigurator.ja va
    flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/config/ConfigurationException.jav a
    flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/config/ConfigurationFilter.java
    flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/config/ConfigurationInfo.java
    flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/config/ConfigurationValue.java
    flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/config/FileConfigurator.java
    flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/config/SystemPropertyConfigurator .java
    flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/css/ConditionTypeNotSupported.jav a
    flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/css/CssCompiler.java
Added Paths:
    flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/common/package.html
    flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/config/package.html
    flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/css/package.html

Export to Fixed_Layout EPUB: Paragraph Styles not exporting to CSS class tags

Hi,
As it says, my Paragraph Styles aren't exporting to CSS class tags with a Fixed Layout EPUB.
...But Object Styles are working ok.
Seems to work ok when exporting to HTML or Reflowable EPUB... just not Fixed Layout.
Any ideas?
Cheers
Forgot to say: Mac OSX 10.8(?) Adobe Indesign CC 2014

Hi... it was 10.0.7
Updated to 10.1 & wahoo - it works now.
Will mark your answer correct as it prompted me to update.
Cheers

Regarding the rowset and row tags in the XML output

Hi,
We generated an XML file using dataset of type SQL query.The output is including additional tags
<ROWSET> and <ROW> tags.How to disable them from appearing in the XML output.

Hi,
Iam not using the Datamodel of data template type.If we use the data template we can disable the rowtags by setting the property mentioned by you.But we get the data template name and the query name included in the output.My requirement is to disable the extratags.
Can u please provide inputs on how to disable the datatemplate name and the query name tags in the output when we use datatemplate.Thank you.

Question regarding selectOneMenu and PROCESS_VALIDATIONS(3) phase

Hi im a bit lost regarding selectOneMenu and how validation phase all works together.
The thing is that i have a simple selectOneMenu
<h:form id="SearchForm">
     <h:panelGrid columns="3" border="0">
          <h:outputLabel id="caseTypeText" value="#{msg.searchCaseCaseType}" for="caseType" />
          <h:selectOneMenu id="caseType" value="#{searchCaseBean.caseType}" style="width: 200px;" binding="#{searchCaseBean.caseTypeSelect}">
               <f:selectItem itemValue="" itemLabel="#{msg.CommonTextAll}" />
               <f:selectItems value="#{searchCaseBean.caseTypes}" />
          </h:selectOneMenu>
          <h:message for="caseType" styleClass="errorMessage" />
          <h:panelGroup />
          <h:panelGroup />
          <h:commandButton action="#{searchCaseBean.actionSearch}" value="#{msg.buttonSearch}" />
     </h:panelGrid>
</h:form>Now when i hit submit button i can see that the bean method searchCaseBean.caseTypes (used in the <f:selectItems> tag) is executed in the PROCESS_VALIDATIONS(3) phase. How come? I dont whant this method to be executed in phase 3, only in phase 6.
If i add the this in the method if (FacesContext.getCurrentInstance().getRenderResponse())
public List<SelectItem> getStepStatuses(){
     List<CaseStep> caseSteps = new ArrayList<CaseStep>();
     if (FacesContext.getCurrentInstance().getRenderResponse()) {
          caseSteps = getCaseService().getCaseStep(value);
     List<SelectItem> selectItems = new ArrayList<SelectItem>(caseSteps.size());
     for(int i=0; i < caseSteps.size(); i++){
          CaseStep step = caseSteps.get(i);
          String stepStatus = step.getStatus() + "_" + step.getSubStatus();
          selectItems.add(new SelectItem(stepStatus, step.getShortName()));
     return selectItems;
} Now i get a validation error (javax.faces.component.UISelectOne.INVALID) for the select field and only phase1, phase2, phase 3 and phase 6 is executed.
Im lost?

I see. Many thanxs BalusC. Im using your blog very often, and its very helpfull for me.
I changed now to use the constructor load method instead. But know im getting problem of calling my service layer (Spring service bean). Its seems they havent been init when jsf bean is calling its constructor.
Can i init the spring service bean from the faces-config file?
JSF Bean
    public SearchCaseBean() {
          super();
                //caseService need to be init
          if(getCaseService() == null){
               setCaseService((CaseService)getWebApplicationContextBean("caseService"));
          fillCaseTypeSelectItems();
          fillCaseStatusSelectItems();
.....faces-config
<managed-bean>
          <managed-bean-name>searchCaseBean</managed-bean-name>
          <managed-bean-class>portal.web.SearchCaseBean</managed-bean-class>
          <managed-bean-scope>request</managed-bean-scope>
          <managed-property>
               <property-name>caseService</property-name>
               <value>#{caseService}</value>
          </managed-property>
     </managed-bean>

When inserting image how do I force inline CSS not image tags?

When I insert an image to my page layout it always uses html width= and height= tags
e.g. <img src="images/wordpress.jpg" width="125" height="112">
This is driving me nuts
(I thought these tags were pretty old fashioned for current doctypes. Why does dreamweaver continue to use them?)
I want inserted images to be shown with inline CSS
e.g. <img src="images/wordpress.jpg" style="width:125px; height:112px;">
I can then more easily add more CSS like padding, floats etc as needed.
Any ideas how I set this up as a default or quickly convert?
(I dont really want to add lots of unique image classes to a style sheet)
many thanks!
Dreamweaver CS6

Image height & width values are not deprecated. Unless you're building a responsive web site, it is usually better to have these attributes stated in the HTML.
But when I don't want them, I do the following:
Insert > Image > browse to file...
On the properties panel, I delete the width and height values, hit Enter.
Nancy O.

Regarding CSS and CLASS TAG.

Similar Messages

Maybe you are looking for