How to apply WebApp tags to CSS layout code

Does anyone know how the system render tag code so that tag_fields can be applied to CSS. i.e. we want to use a tag_field to apply colour to color:{tag_color}
The system keeps stripping out the code color:{tag_color}
Does anyone know if it is indeed possible to do this?

Thanks Liam. For colours I was using the most basic of defaults which also acted as labels in the WebApp so 'white', 'yellow' and 'green'.  Field type is radio button called 'status'.  I tried numerous things:
1. Inline override:  <tr class="trcontent" style="color:{tag_status};">
2. DIV wrapped: <tr class="trcontent"><div style="color:{tag_status};">
3. Defined in the stylesheet: <tr class="trcontent">
.trcontent {color:{tag_status};}
In cases 1 and 2, BC strips out the style code which seems odd it would do that, although I can't see that it is greatly different from yours.
In 3  the code is unresponsive for obvious reasons (double curly brackets).
I will try your example above which is a great idea - thanks for sharing.

Similar Messages

  • How to apply style sheets to table layout

    hi i want to apply styles to my table layout region, i gave style sheets which are in OAF myhtml\OA_HTML\cabo\styles but i dint find any changes in my table layout, can any give one give me an idea of how to do it....

    Check the OAF personalization guide for details on custom CSS. It won't be possible for me to summarize the whole thing here.
    --Shiv                                                                                                                                                                                                                                                                               

  • How to create new pre-designed CSS layouts in DW CS4?

    Since I'm a relative newcomer to Dreamweaver and CSS, I normally begin my new pages with one of Dreamweaver CS4's pre-designed CSS layouts in the Blank Page HTML section - 2 column fixed left sidebar, 1 column elastic centered, 3 column fixed header and footer, etc.
    Lately I'm expanding to some more elaborate layouts and I'll like to be able to create new pre-designed CSS layouts of my own to add to this list. So I have a couple of questions:
    1) What types of files are these layouts? They all seem to have an accompanying style sheet in addition to having a page template. What I'm getting at is, if I were to revise one of these, how would I save my revised version so that it would show up in this list of pre-designed layouts in the future?
    2) Related to the first question, where are these pre-designed CSS layouts stored within Dreamweaver's file and folder structure? I can't seem to find them anywhere.
    I appreciate your input on this.

    Adobe scrapped the old Starter pages.  Many things have changed since they were first introduced.
    You'll find newer Templates and Starter Layouts below:
    Dreamweaver CSS Templates for beginners
    http://www.adobe.com/devnet/dreamweaver/articles/dreamweaver_custom_templates.html
    New DW Starter Pages --
    http://www.adobe.com/devnet/dreamweaver/articles/introducing_new_css_layouts.html
    Ultimate Multi-Column Layouts -
    http://matthewjamestaylor.com/blog/ultimate-multi-column-liquid-layouts-em-and-pixel-width s
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/
    http://twitter.com/altweb
    http://alt-web.blogspot.com/

  • When I am using firebug how do I enable editing of css source code? I can use the edit menu "find" option but cannot change the code. It won't allow that.

    I am not allowed to edit my css source code. I can open a css file
    and see all the code but when I try to change any of the text, it
    will not do it. I thought I could text edit to update css files. How do I do that?

    If your intention is to upload the changed file(s) to the server then you need to use an external editor.<br />
    Otherwise you can look at an extension like Web Developer.
    *Web Developer: https://addons.mozilla.org/firefox/addon/web-developer/

  • How to apply Excel formula in BPS layout

    Hi ,
       I need to apply the following logic in my BPS layout.
    There are three data columns called C,D,E respectivelt
    redord 1   user input data for all the columns,
    Record 2   C2 = D1 + E2.
    Record 3   C3 = D2 + E3.
    Record n   Cn = D(n-1) + En.
      n is the number of record in teh layout.
    1: Can we use Excel formula to achive this?
    2: If the anser is yes, how can we configure the BPS layout? I am not sure if we can do it at the last step of change layout.
    3: If the answer is no, what is the other choice? I have tried to use user exit, but had some problem in passing the data to xth_data table in the orginal order sequence.
    thanks in advance.

    JW,
    please see my answer to your original post "data in BPS layout columns"
    Regards,
    Marc
    SAP NetWeaver RIG

  • How to apply temple to different standard layouts

    I'm trying to determine best design way of doing the following on a new site:
    I wish to create a template with top banner and bottom footer.  Then I would like to apply the template to the standard dreamweaver pages created by File>>>New.
    This is what I have done unsuccessfully so far.  I have created a new 1 column fixed, centered, header and footer HTML page.  I have inserted my banner in the Header and adjusted margins and padding in the Header.  I then created an editable region at <div id="  maincontent">.  I then saved this document as a dwt.
    So far so good.  I then created a new HTML 1  column fixed, centered, header and footer HTML and applied the previous template.  Perfect.
    I then repeated the process of applying my original template to a new 2 column fixed, left side bar, header and footer..  The left side bar was lost in translation.  I have repeated this process multiple times varying which document I would start with.
    Nothing worked and its clear to me that I'm missing one or more big concepts here.  Can someone point me in the right direction.  Sorry if this the the wrong posting group.  I'm new to this but can learn.  Thanks. M

    This is what I have done unsuccessfully so far.  I have created a new 1 column fixed, centered, header and footer HTML page.  I have inserted my banner in the Header and adjusted margins and padding in the Header.  I then created an editable region at <div id="  maincontent">.  I then saved this document as a dwt.
    There are two ways you could have done this:
    Used FILE | Save As, browsed into the Templates folder and saved the file with a *.dwt extension
    Used FILE | Save As Template
    Which did you use?  The first is wrong and will not work.  The second is the only way you should do this.
    Nothing worked and its clear to me that I'm missing one or more big
    concepts here.  Can someone point me in the right direction.
    The best way to do what you want is to START with the template, and use FILE | New Page From Template to create the child pages.  Applying a template to a page with existing content is going to make you nuts - it can be done, but you have to really understand how templates work to do it.  Nevertheless, if you have a page with content and you want to bring that page into a template's control, the BEST way to do would be to spawn a new child page from the template, copy and paste content from the original page into the new child page, and then save the new child page with the old page's name.

  • How to apply Muse (webfont) styles to BC Blogs/Contact Forms?

    Hi all.
    So my site (designed in Muse) is pretty much ready, except for my blog and a couple of forms. I've just gone through making it my partner site, replacing the so-called "bre-built" default site. That process was very, very simple, but BC Support told me it would be much more complicated than it needed to be - it wasn't! I was able to simply publish via Muse to my partner site domain and everything worked fine...
    Anyway... Headers in my site use the "Bebas Neue" webfont selected from within Muse (I assume this is a Typekit font?), at 30pt and a custom colour #B10505. Body text is simply "Trebuchet" (a standard font) in black at 12pt. Now, I'm aware that not everything designed in Muse shows up "as shown" when doing any editing in the back-end of BC. I've just begun following through the tutorial for setting up BC modules on a Muse site and have gotten to the "Inspect Element" stage...
    This is where I've hit a snag. This video: http://www.businesscatalyst.com/bc-blog/adding-business-catalyst-features-to-your-muse-sit es (with the blog part starting near the end of 19 minutes) clearly uses a standard font and not a webfont, so when I'm inspecting with Firebug, what's shown in the video doesn't show up the same in reality for me. This is because a standard font is applied in Muse designed sites where a webfont is in use, and the webfont simply "masks" the standard font (if I'm not mistaken?)...
    I've read this topic: http://forums.adobe.com/message/5480712#5480712 which pretty much asks the same question I'm asking, but this guy clearly has more knowledge (or maybe more common sense) than me, so I'm asking it in a new topic here...
    Can someone please walk me through (step-by-step) how to apply Muse selected webfont CSS styles to the relevant files in BC so that my blog shows up with a consistent look and feel to the rest of my site? I'll literally need every step walking through with minimal jargon if possible - this area of web design is not my forte!
    I suppose I'd also like the same process walking through for contact forms if possible? Alongside the header font, I've got a custom styled, beveled button made on a standard Muse contact form that I'd like replicating on a BC-made form.
    I'm sure once I understand this process, I'll be able to apply this to any BC module; I just need that initial helping hand that neither the BC team or the Muse team seem to want to reference in their tutorial videos!
    Any help would be greatly appreciated! Thanks in advance!

    Hi
    So, are these links in lieu of a full walkthrough, to help me better understand until if/when you get the time to explain?
    The cssbasics.com link isn't working, FYI.
    Looking through the typekit page, it seems fairly straight forward. Is this the same set of fonts Muse uses?
    If so, theoretically do I just need to copy the snippet of code from the typekit site for my desired font (Bebas Neue) and paste it into the modulestylesheet.css file? Where? At the bottom of everything else? Presumably commenting what it is? and define that I want to use that as a header font? Can you walk me through exactly what I need to put for that?
    Then I guess I just need to follow the rest of the video tutorial I linked above?
    Or is there a little more to it than that?
    Would I need to do the same to define trebuchet as the body font, or is there a different block of code I need for that, since that's not a webfont?
    Sorry for being so slow with it!

  • Applying a patch file to source code

    Hi,
    In reference to this post: http://forum.eeeuser.com/viewtopic.php?pid=30515#p30515
    Please could someone explain to me how to apply the patch to the source code?
    I tried: cat patch_file | patch -p0 where patch_file contained the patch code,
    [jack@tmain L2-linux-driver_new]$ cat patch_file | patch -p0
    can't find file to patch at input line 5
    Perhaps you used the wrong -p or --strip option?
    The text leading up to this was:
    |Only in l2.fixed: Module.symvers
    |diff -u l2/at_ethtool.c l2.fixed/at_ethtool.c
    |--- l2/at_ethtool.c 2007-04-20 09:34:48.000000000 +0200
    |+++ l2.fixed/at_ethtool.c 2007-11-25 01:58:24.000000000 +0100
    My directory structure is as follows:
    [jack@tmain L2-linux-driver_new]$ ls -R
    COPYING atl2.spec patch_file release_note.txt
    atl2.7 ldistrib.txt readme src
    ./src:
    Makefile at_ethtool.c at_hw.h at_osdep.h kcompat.c kcompat_ethtool.c
    at.h at_hw.c at_main.c at_param.c kcompat.h
    I tried renaming src to l2, but that gave me further errors.
    Any ideas?
    Thanks alot,
    Jack
    Last edited by tntcoda (2007-12-25 23:55:43)

    Thanks, that gave me:
    [jack@tmain l2]$ patch -Np1 -i patch_file
    can't find file to patch at input line 5
    Perhaps you used the wrong -p or --strip option?
    The text leading up to this was:
    |Only in l2.fixed: Module.symvers
    |diff -u l2/at_ethtool.c l2.fixed/at_ethtool.c
    |--- l2/at_ethtool.c 2007-04-20 09:34:48.000000000 +0200
    |+++ l2.fixed/at_ethtool.c
    Thats the same even if i rename src to l2, so that l2/at_ethtool.c exists.

  • How can i apply border for fluid grid layout div

    How can i apply border for fluid grid layout div

    <!doctype html>
    <!--[if lt IE 7]> <html class="ie6 oldie"> <![endif]-->
    <!--[if IE 7]>    <html class="ie7 oldie"> <![endif]-->
    <!--[if IE 8]>    <html class="ie8 oldie"> <![endif]-->
    <!--[if gt IE 8]><!-->
    <html class="">
    <!--<![endif]-->
    <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Untitled Document</title>
    <link href="boilerplate.css" rel="stylesheet" type="text/css">
    <link href="CSS/Layout.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="flexslider.css" type="text/css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
    <script src="jquery.flexslider.js"></script>
    <!-- Place in the <head>, after the three links -->
    <script type="text/javascript" charset="utf-8">
      $(window).load(function() {
        $('.flexslider').flexslider();
    </script>
    <!--
    To learn more about the conditional comments around the html tags at the top of the file:
    paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
    Do the following if you're using your customized build of modernizr (http://www.modernizr.com/):
    * insert the link to your js here
    * remove the link below to the html5shiv
    * add the "no-js" class to the html tags at the top
    * you can also remove the link to respond.min.js if you included the MQ Polyfill in your modernizr build
    -->
    <!--[if lt IE 9]>
    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <script src="respond.min.js"></script>
    </head>
    <body>
    <div class="gridContainer clearfix">
      <div id="LayoutDiv1"><img src="SJV-Images/Banners/Dark-green-curved-header.png"/></div>
      <div id="LayoutDiv2">
      <div class="flex-container">
      <div class="flexslider">
        <ul class="slides">
          <li>
            <img src="SJV-Images/Stud1.jpg"/>
          </li>
          <li>
            <img src="SJV-Images/Stud2.jpg" />
          </li>
          <li>
            <img src="SJV-Images/Stud3.jpg" />
          </li>
        </ul>
      </div>
    </div> </div>
      <div id="Nav">This is the content for Layout Div Tag "Nav"</div>
      <div id="Special_Features"><h3 align="center">SPECIAL FEATURES</h3>
      <ul>
      <li>
      It is one of the oldest school.</li>
      <li>It was first started as an orphanage for the children of British soldiers, and later moved to its current location.</li>
       <li>Rich in Anglo-Indian tradition dating back to three centuries.</li>
      <li>The campus now has separate buildings within the campus for year 1 to  year 8 (Junior and Sub Junior block) and year 9 to year 12 (Senior and   Super Senior block).</li>
      <li>The school has montessori facilities in a separate building.</li>
      <li>The School also has boarding facilities for students from distant places.</li>
      </ul></div>
      <div id="History"><img src="SJV-Images/His_Image.png" alt="Hisimage" class="floatleft">
      <h3>HISTORY OF OUR SCHOOL</h3><P>In 1750 – a very long time ago,a missionary and a teacher, Christian Frederick Schwartz came to India to work in the Danish Mission at Tranquebar.Due to his own personal charm, genius and integrity, soon he became a trusted envoy to the court of Princes ,both hostile and friendly. He even helped in the training and education of Serfogee Rajah, the adopted son of the Tanjore Raja Tuljagee.</P></div>
    <div id="Photo_Gall"><center>
        <strong>PHOTO GALLERY</strong>
    </center>
      <p><img src="SJV-Images/Photogall.png" width="174" height="70" class="floatright"/></p>
    </div>
      <div id="News_Events"><center>
        <strong>NEWS & EVENTS</strong>
      </center><center>Annual Day<br><center>
        Alumni Meet<br>
        Exam Time Table<br>Parents-Teacher's Meet</center>
      </center>
      <br></div>
      <div id="footer">This is the content for Layout Div Tag "footer"</div>
    </div>
    </body>
    </html>

  • How to apply different CSS styles to different table cells?

    I have an h:dataTable table and I would like to apply different CSS styles to different table cells depending on their content. If I were doing JSP I would probably have a <c:if> test on the cells, and give them a style name depending on contents, and then define the styles in a separate style sheet. Is there a way in JSF to do the equivalent? Thanks.

    mitchgart wrote:
    BalusC wrote:
    How to achieve a cell-specific style is already answered in my 1st reply of this topic.That tells how to apply a style to the text (or other content) inside a cell but not how to apply a style to the <td> as a whole. It would work for something like text font or text color but not cell border.
    I'm thinking I can mark the content somehow and then have javascript traverse the DOM, find marked content, and traverse outward to the enclosing <td>. Is there a better way?BalusC already spoke about rowClasses and columnClass attributes, I assume those are insufficient.
    The Tomahawk dataTable component has the rowStyleClass and rowStyle attributes for assigning CSS to the HTML tr tag. One is allowed to reference the row data variable when assigning values to these. However, see https://issues.apache.org/jira/browse/TOMAHAWK-523 for workarounds to bugs in some implementations.
    The Tomahawk column component has the styleClass and style attributes for assigning CSS to the HTML td tag. These also may reference the row data variable.

  • How to Email POWL Reports / Apply Web Dynpro ALV Table Layout Settings

    Hi all,
    we want to be able to automatically extract POWL reports and email them to users in a batch job.
    We can refresh a POWL report using FM POWL_QUERY_REFRESH, and access the raw report data using method CL_POWL_QUERY_ACCESSOR=>GET_CACHED_RESULTS.
    However this merely gives us a table of raw data.  No view layout (ie. Web Dynpro ALV table layout) settings have been applied, so there is no hiding or arranging of columns, row sorting, calculations or filters.
    Ideally we would like to be able to specify a query and view layout.  The batch job would then refresh and extract the data, and format the data according to the view layout before sending it on as an attachment in an email.
    Does anyone know how to determine and apply Web Dynpro ALV table layout settings to format table data outside of the Web Dynpro environment ?
    Thanks & regards,
    Grogan

    Hi Grogan,
    Did you find out how this works..i also have the same issue.
    Thanks
    Jdsouza

  • How to apply paragraph styles to xml tag?

    Hi All,
    How to apply paragraph style to xml tag?

    Hi Learner,
    Try the below js code.
    var myDoc = app.activeDocument;
    try{
        mySel=app.selection[0];
        myDoc.xmlElements[0].xmlElements.add({markupTag:"TEST", xmlContent:mySel});
        }catch(e){
            alert(e);
    var myDocument = app.activeDocument;
    app.findGrepPreferences.appliedParagraphStyle = "test";
    app.findGrepPreferences.findWhat = ".+(?=\\r)"
    var mySearch = myDocument.findGrep(false);
    for (a=0; a<mySearch.length; a++){
        myDocument.xmlElements[0].xmlElements.add({markupTag:"TEST", xmlContent:mySearch[a]});
    thx,
    csm_phil

  • How do i center a div tag using css?

    I am trying to learn css layout.
    Starting with a blank page, I insert a couple of AP div tags and locate them where i want.
    When i preveiw them in a browser, i notice that they are left justified. This is what i expect as they are Absolute positioned.
    I would like them to be centered as a group. Creating a layout and centerring it on the browser window seems like a basic task.
    I tried to add a div tag wrapper and center that but i cannot find where in the css panel is there any reference to center.
    seems simple enough, im stumped.
    Thanks
    Jerry
    P.S. I know as soon as i post this, i'll find the answer.

    >>I tried to add a div tag wrapper and center that but i cannot find where in the css panel is there any reference to center.
    Yeah that is the right approach and you can center by using following style:
    #wrapper{
    margin:0 auto;
    Your ap divs will then absolutely position themselves within this wrapper div which acts as parent.
    Regards,
    Vinay

  • Trouble Understanding CSS Layout and Padding

    Hi,
    I'm having some serious problems understanding CSS layout techniques and the impact of padding and was hoping I could get some help.
    Here are a couple of pages that show examples of what I don't "get". The first has padding that causes the layout to look right. The second doesn't have padding but doesn't lay out as I would expect. Also, the amount of text affects the "bottom" div as well. I'm an old hand at HTML and could do this layout in my sleep using tables. Css is a different, frustrating story.
    http://www.libertywebmarketing.com/test/1.html
    http://www.libertywebmarketing.com/test/2.html
    Thanks.
    Fitz21

    Thank you for the help.There's a lot of valuable info in these answers that I'm going to have to study. I never thought of applying classes to Div tags, but I guess I have to start learning somewhere. I'm not sure how to use the technique, but I'll definately look into it. If I could wake up tomorrow and know what you all know simply by wishing it, I would.
    I see that there are many things I have to learn about using CSS and I'd really like to see some real world examples that don't look like typical cheesy CSS designs with columns. If I were going to design this page using HTML, I would probably do something like this: http://www.libertywebmarketing.com/test/3.html
    (The last two tables show the table structure and use of a spacer. I know this a seriously antiquated way of doing it, but it's to illustrate what I'm trying to accomplish: Namely, staggered, left/right alternating boxes that will expand properly depending on the amount of copy or the vertical height of the photo in them.) 
    Dreamweaver 101,
    I have "Dreamweaver 8 The Missing Manual" by David Sawyer McFarland, but I find it really concentrates on "typical CSS designs" that look like Content mangement templates. While I agree it's a valuable book, there's nothing in there I have found that addresses anything like what I'm trying to do. Is the Dummies book better for atypical layouts?
    Again, thank you all.
    Fitz21

  • CSS Layout in DW CS 3

    I'm kinda wondering why the id's are preceded with a class if
    you open any of the premade CSS layouts in DW CS3.
    example:
    Two Columns, all widths in percent, with right sidebar header
    and footer.
    CSS:
    body {
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    background: #666666;
    margin: 0; /* it's good practice to zero the margin and
    padding of the body element to account for differing browser
    defaults */
    padding: 0;
    text-align: center; /* this centers the container in IE 5*
    browsers. The text is then set to the left aligned default in the
    #container selector */
    color: #000000;
    .twoColLiqRtHdr #container {
    width: 80%; /* this will create a container 80% of the
    browser width */
    background: #FFFFFF;
    margin: 0 auto; /* the auto margins (in conjunction with a
    width) center the page */
    border: 1px solid #000000;
    text-align: left; /* this overrides the text-align: center
    on the body element. */
    .twoColLiqRtHdr #header {
    background: #DDDDDD;
    padding: 0 10px; /* this padding matches the left alignment
    of the elements in the divs that appear beneath it. If an image is
    used in the #header instead of text, you may want to remove the
    padding. */
    .twoColLiqRtHdr #header h1 {
    margin: 0; /* zeroing the margin of the last element in the
    #header div will avoid margin collapse - an unexplainable space
    between divs. If the div has a border around it, this is not
    necessary as that also avoids the margin collapse */
    padding: 10px 0; /* using padding instead of margin will
    allow you to keep the element away from the edges of the div */
    /* Tips for sidebar1:
    1. since we are working in percentages, it's best not to use
    padding on the sidebar. It will be added to the width for standards
    compliant browsers creating an unknown actual width.
    2. Space between the side of the div and the elements within
    it can be created by placing a left and right margin on those
    elements as seen in the ".twoColLiqRtHdr #sidebar1 p" rule.
    3. Since Explorer calculates widths after the parent element
    is rendered, you may occasionally run into unexplained bugs with
    percentage-based columns. If you need more predictable results, you
    may choose to change to pixel sized columns.
    .twoColLiqRtHdr #sidebar1 {
    float: right; /* since this element is floated, a width must
    be given */
    width: 24%;
    background: #EBEBEB; /* the background color will be
    displayed for the length of the content in the column, but no
    further */
    padding-top: 15px 0; /* top and bottom padding create visual
    space within this div */
    .twoColLiqRtHdr #sidebar1 h3, .twoColLiqRtHdr #sidebar1 p {
    margin-left: 10px; /* the left and right margin should be
    given to every element that will be placed in the side columns */
    margin-right: 10px;
    /* Tips for mainContent:
    1. the space between the mainContent and sidebar1 is created
    with the right margin on the mainContent div. No matter how much
    content the sidebar1 div contains, the column space will remain.
    You can remove this right margin if you want the #mainContent div's
    text to fill the #sidebar1 space when the content in #sidebar1
    ends.
    2. to avoid float drop at a supported minimum 800 x 600
    resolution, elements within the mainContent div should be 430px or
    smaller (this includes images).
    3. in the Internet Explorer Conditional Comment below, the
    zoom property is used to give the mainContent "hasLayout." This
    avoids several IE-specific bugs.
    .twoColLiqRtHdr #mainContent {
    margin: 0 26% 0 10px; /* the left margin should mirror the
    margin on the header and footer for proper alignment. */
    .twoColLiqRtHdr #footer {
    padding: 0 10px; /* this padding matches the left alignment
    of the elements in the divs that appear above it. */
    background:#DDDDDD;
    .twoColLiqRtHdr #footer p {
    margin: 0; /* zeroing the margins of the first element in
    the footer will avoid the possibility of margin collapse - a space
    between divs */
    padding: 10px 0; /* padding on this element will create
    space, just as the the margin would have, without the margin
    collapse issue */
    /* Miscellaneous classes for reuse */
    .fltrt { /* this class can be used to float an element right
    in your page. The floated element must precede the element it
    should be next to on the page. */
    float: right;
    margin-left: 8px;
    .fltlft { /* this class can be used to float an element left
    in your page. The floated element must precede the element it
    should be next to on the page. */
    float: left;
    margin-right: 8px;
    .clearfloat { /* this class should be placed on a div or
    break element and should be the final element before the close of a
    container that should fully contain a float */
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
    take a look at this
    .twoColLiqRtHdr #container {
    width: 80%; /* this will create a container 80% of the
    browser width */
    background: #FFFFFF;
    margin: 0 auto; /* the auto margins (in conjunction with a
    width) center the page */
    border: 1px solid #000000;
    text-align: left; /* this overrides the text-align: center
    on the body element. */
    how do you interpret
    .twoColLiqRtHdr #container?
    in the code, .twoColLiqRtHdr is a class for the <body>
    tag only.
    So i guess I just need some enlightenment on how this CSS
    works, maybe I'm used to just defining the ID of <div> tags
    (ex: #wrapper {}).
    Is this use for inline styles only?
    what's the advantage of using this type of styles?
    I hope someone can take a look at this, thank you in advance!
    :)

    Yeah.... I can't really see a use for class here at all. But
    that's me
    (and now you!)....
    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
    ==================
    "Thierry | www.TJKDesign.com" <[email protected]>
    wrote in message
    news:f0lh1l$ng$[email protected]..
    > Murray *ACE* wrote:
    >> I use this often when I have a single template with
    variable layout
    >> (i.e., section-specific layouts). You can use either
    >> server-scripting or template parameters to change
    the ID attribute on
    >> the body tag, which will trigger an entirely
    different set of CSS
    >> selector assignments.
    >
    > FWIW, I believe it makes more sense to use an ID
    attribute - as you do -
    > rather than a class on "BODY" as this element is unique
    through the
    > document.
    >
    > --
    > Thierry
    > Articles and Tutorials:
    http://www.TJKDesign.com/go/?0
    > The perfect FAQ page:
    http://www.TJKDesign.com/go/?9
    > CSS-P Templates:
    http://www.TJKDesign.com/go/?1
    > CSS Tab Menu:
    http://www.TJKDesign.com/go/?3
    >
    >

Maybe you are looking for