CSS madness

Hi-
DW8 on PC/WinXP.
Properties for a CSS rule called "header" shows typical
settings such as line width, font, height, etc. When in design mode
I can pass my cursor over the page and get the information for each
part of the CSS related to that part of my page layout. This
information shows up as a small yellow "floating" box that will
list the information for that CSS rule. For example the box might
indicate margin: 10px, border (0px), padding (0px). Every once in a
while I will get one of these boxes that will display two values
for one particular setting: in this case it is height. The
information box will show something like height: 45px (32px). I
cannot figure out why there are two values listed for that one
setting since I only have 45px listed in the CSS rule for height.
Where is the 32px value listed in parentheses coming from? This
wouldn't be any concern except that in Firefox that portion of the
page displays properly with a height of 45px but in IE 6 it
displays at a height of 32px thereby chopping off the text that is
contained inside. What am I missing here? I cannot find a 32px
value anywhere in either the CSS or in the page source code itself.
What Is the number in the parentheses actually telling me?
Any suggestions will be greatly appreciated.
-=SB

> Every once in a while I will get one
> of these boxes that will display two values for one
particular setting: in this
> case it is height. The information box will show
something like height: 45px
> (32px). I cannot figure out why there are two values
listed for that one
> setting since I only have 45px listed in the CSS rule
for height. Where is the
> 32px value listed in parentheses coming from? This
wouldn't be any concern
> except that in Firefox that portion of the page displays
properly with a height
> of 45px but in IE 6 it displays at a height of 32px
thereby chopping off the
> text that is contained inside. What am I missing here? I
cannot find a 32px
> value anywhere in either the CSS or in the page source
code itself. What Is the
> number in the parentheses actually telling me?
The first value is the specified length. The value in params
is the
actual "paginated" length in DW.
It sounds like you have found a case where DW renders like IE
and not as
it (probably) should like Firefox.
Hope this helps,
Randy

Similar Messages

  • More info needed on BC Dynamic menus and using CSS with them

    Hi all,
    The BC Gurus tutorial on Dynamic Menus and how to style them with CSS made no sense to me, unfortunately. The presentation was too rushed and the screen too small to see what was happening.
    In a previous question I found out how to apply CSS classes to BC menus after a bit of a run around.
    I was putting the # in front of the Item ID name and a . in front of the class name and this was not necessary.
    I have further questions though, as I am still struggling to get a BC Dynamic menu to style properly with the CSS I have created.
    1. If you choose CSS as the menu type, can you set the font, background colour and rollover state of the menu items in the Dynamic menu section? Or do you have to style it all in the CSS stylesheet?
    2. If you choose CSS as the menu type, the option to say how the submenu sits under the root menu disappears. So do you need to set this in the CSS stylesheet? And if so in which element? UL or LI?
    3. If you choose CSS/HTML only, how is this different to the option of CSS for the dynamic menu?
    4. If you choose CSS as the menu type and if you set a width and height in the menu item, and then set a different width and height in the CSS stylesheet, which width and height wins?
    5. If you want a dynamic menu to show on an Android phone, do you have to choose CSS/HTML only and do all the styling in the CSS stylesheet? Or should you avoid dynamic menus all together and just use a UL list in the template? (I am doing a responsive fluid grid layout in DW for the template).
    6. I am finding that the dynamic menu I have done, with CSS as the type, does not show and hide the sub menu items properly on an Android phone. Is there a problem with the javascript in Dynamic menus?
    Thanks for any help you folks can give on these questions!

    .pacnew files are only created if you have modified the default (or a change has been made to the config upstream); in both cases, you should be looking to incorporate the changes.
    It seems some new options are being shipped with lxdm: you want those in your config (turning them on or off is a matter for you and the man page to sort out)...

  • Can the css pass on the original source ip to the actual server

    hi,
    I have css11501, and load balacing is done for 3servers. The server application registers the source Ip of the client login. At present server is getting only the Vip. How can the css made to pass the client/source IP to the server.
    Thanks
    Mathews

    Thanks for your reply.. yes this is due to the source natting configured, since css is being used in one-armed mode.
    Thnx
    Mathews

  • How To Get Rid Of White Space Around Footer

    Hi,
    I am really new at this (still trying to get a handle on HTML, CSS, etc.) and I need help fixing the footer in a template that I've created in Dreamweaver (CS5).
    Right now, my main background image extends the full width of the page with no problem. However, my footer won't do the same thing. Instead, there are white bars on either side of it and when I test the page in a browser, I keep finding that no matter how small I make the browser window, the footer still won't extend to the full width of the page - I just keep getting the white bars on either side (the footer does this in Dreamweaver, Internet Explorer, Chrome, Firefox, etc.).
    I created the footer using CSS, made its width 100%, and made sure that both the margins and the padding are 0. Here's what the CSS looks like for it:
    #footer {
              font-family: Arial, Helvetica, sans-serif;
              font-size: 11px;
              color: #464646;
              background-image: url(../Images/Other/Footer.jpg);
              background-repeat: repeat-x;
              text-align: center;
              width: 100%;
              margin-right: 0px;
              margin-bottom: 0px;
              margin-left: 0px;
              padding-right: 0px;
              padding-bottom: 0px;
              padding-left: 0px;
    And here's what my HTML coding looks like for the entire template:
    <!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" />
    <!-- TemplateBeginEditable name="doctitle" -->
    <title>Template</title>
    <!-- TemplateEndEditable -->
    <!-- TemplateBeginEditable name="head" -->
    <!-- TemplateEndEditable -->
    <style type="text/css">
    body, td, th {
              font-family: Arial, Helvetica, sans-serif;
              color: #000;
    body {
              background-color: #FFF;
              background-image: url(../Images/Other/Main%20Body%20of%20Website.jpg);
              background-repeat: repeat-x;
    </style>
    <link href="../CSS/Allegeon Style Sheet.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    </script>
    <style type="text/css">
    a:link {
              text-decoration: none;
    a:visited {
              text-decoration: none;
    a:hover {
              text-decoration: underline;
    a:active {
              text-decoration: none;
    </style>
    </head>
    <body onload="MM_preloadImages('../Images/Navigation/Rollover/Services Rollover.jpg','../Images/Navigation/Rollover/Hands On Rollover.jpg','../Images/Navigation/Rollover/Onsite Rollover.jpg','../Images/Navigation/Rollover/Contact Rollover.jpg','../Images/Navigation/Rollover/Home Page Rollover.jpg','../Images/Navigation/Rollover/Learning Rollover.jpg')">
    <table width="681" border="0" align="center" cellpadding="0" cellspacing="0" summary="Table applied for page structure.">
      <tr>
        <td width="113"><div align="center"><a href="../Site Pages/index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('index','','../Images/Navigation/Rollover/Home Page Rollover.jpg',1)"><img src="../Images/Navigation/Normal/Home Page Normal.jpg" alt="index" name="index" width="101" height="64" border="0" id="index" /></a></div></td>
        <td width="113"><div align="center"><a href="../Site Pages/Services.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Services','','../Images/Navigation/Rollover/Services Rollover.jpg',1)"><img src="../Images/Navigation/Normal/Services Normal.jpg" alt="Services Link" name="Services" width="101" height="64" border="0" id="Services" /></a></div></td>
        <td width="113"><div align="center"><a href="../Site Pages/Hands On.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('HandsOn','','../Images/Navigation/Rollover/Hands On Rollover.jpg',1)"><img src="../Images/Navigation/Normal/Hands On Normal.jpg" alt="Hands On Link" name="HandsOn" width="101" height="64" border="0" id="HandsOn" /></a></div></td>
        <td width="113"><div align="center"><a href="../Site Pages/Learning.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Learning','','../Images/Navigation/Rollover/Learning Rollover.jpg',1)"><img src="../Images/Navigation/Normal/Learning Normal.jpg" alt="Learning" name="Learning" width="101" height="64" border="0" id="Learning" /></a></div></td>
        <td width="113"><div align="center"><a href="../Site Pages/Onsite.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Onsite','','../Images/Navigation/Rollover/Onsite Rollover.jpg',1)"><img src="../Images/Navigation/Normal/Onsite Normal.jpg" alt="Onsite Link" name="Onsite" width="101" height="64" border="0" id="Onsite" /></a></div></td>
        <td width="116"><div align="center"><a href="../Site Pages/Contact.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Contact','','../Images/Navigation/Rollover/Contact Rollover.jpg',1)"><img src="../Images/Navigation/Normal/Contact Normal.jpg" alt="Contact Link" name="Contact" width="101" height="64" border="0" id="Contact" /></a></div></td>
      </tr>
    </table>
    <!-- TemplateBeginEditable name="LogoRegion" -->
    <table width="681" border="0" align="center" cellpadding="0" cellspacing="0" summary="Table applied for page structure.">
      <tr>
        <td width="280"><img src="../Images/Header Logos/Home Page Logo.jpg" width="280" height="214" alt="Allegeon Logo" /></td>
        <td width="401"><img src="../Images/Header Images/Baltimore Web Landscape.jpg" width="401" height="214" alt="Baltimore" /></td>
      </tr>
    </table>
    <!-- TemplateEndEditable --><br />
    <!-- TemplateBeginEditable name="BodyRegion" -->
    <table width="681" border="0" align="center" cellpadding="0" cellspacing="0" summary="Table applied for page structure.">
      <tr>
        <td> </td>
      </tr>
    </table>
    <!-- TemplateEndEditable -->
    <p id="footer"><br />
      <a href="../Site Pages/index.html" title="Home Link">HOME</a>  <span class="divider">l</span>  <a href="../Site Pages/Services.html" title="Services Link">SERVICES</a>  <span class="divider">l</span>  <a href="../Site Pages/Hands On.html" title="Hands On Link">HANDS ON</a>  <span class="divider">l</span>  <a href="../Site Pages/Learning.html" title="Learning Link">LEARNING</a>  <span class="divider">l</span>  <a href="../Site Pages/Onsite.html" title="Onsite Link">ONSITE</a>  <span class="divider">l</span>  <a href="../Site Pages/Contact.html" title="Contact Link">CONTACT</a><br />
      Copyright © Allegeon. Designed by Allegeon. Developed by <a href="http://www.KatherineGahs.com/" title="Designer Link" target="_blank">Katherine Gahs</a>. </p>
    </body>
    </html>
    Any help you can give me would be really appreciated!!! Thank you!

    body {
    margin: 0;
    padding: 0;
    If this is placed in the header html on a master or individual pages in Muse itself the problems appears to fix for me so one does not have to edit the HTML every time.

  • Gaps/ Spacing in IE but not in chrome

    i'm a sophmore in highschool and could realy use some help. I'd be most gractious for any tips pointers or fixes. My site www.lacrosse-lounge.com appears differently on different browsers it appears correct on google chrome but when it comes to internet explore on certain resolutions theres a space/gap between the main banner/navigation and the body, but the space is supposed to be much much smaller ,as it is in google chrome. Please I reallly need a fix for this I understand I may have coded wrong and I need to study a bit but for now Id love a fix. If its just a line of code that needs to be changed and you know what it needs to be changed to thatd be a huge help  the code for the index page is.
    <!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>
    <title>Lacrosse-Lounge</title>
    <meta name="description" content="Our store offers local lacrosse players a place to buy equipment from knowledgeable players who own the store. " />
    <meta name="keywords" content="Lacrosse-Lounge, lacrosse lounge, Delaware, Delaware lacrosse" />
    <meta name="author" content="Steve Shipe" />
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <style type="text/css">
    body {
              background-color: #CCC;
              color: #89451f;
    #”footer” table tr td {
              text-align: center;
    #”footer” {
              background-color: #000;
              text-align: center;
              color: #FFF139;
    .foot {
              color: #29FF01;
    #”container” #”main” {
              color: #000000;
              border-left-color: #FFF;
    #”container” #”Name” {
    #”Name” {
              font-family: Arial, Helvetica, sans-serif;
              font-size: 15px;
              font-weight: bold;
              color: #2f231e;
              float: right;
              padding-top: 0px;
              padding-right: 20px;
    #”lax lounge” p {
              font-size: 10px;
              line-height: 10px;
              color: #89451f;
    #”lax lounge” p {
              font-size: 10px;
              line-height: 10px;
              color: #89451f;
    .style13 {
              color: #89451f;
              font-size: 10px;
    .style14 {
              font-size: 20px;
              color: #000000;
    .style15 {
              font-size: 32px;
              color: #FFEF3A;
              text-align: center;
    .style16 {font-size: 24px}
    .style18 {
              color: #07FE00;
              font-style: italic;
              font-size: 46px;
              font-weight: bold;
    #”container” #”main” div table tr th .style15 {
              font-size: 36px;
    #”container” #”main” div table tr th div .style16 {
              color: #FFF;
    #”container” #”main” div table tr th div p {
              color: #FFF;
    #”container” #”main” div table tr th div .style16 .style18 u {
              font-size: 40px;
    #”container” #”main” div table tr th {
              border-right-width: 1px;
              border-right-style: solid;
              border-right-color: #FFF;
    .style19 {color: #FFFFFF}
    .style20 {font-size: 24px; color: #FFFFFF; }
    .style22 {color: #FFEF3A}
    </style>
    </head>
    <body>
    <table width="1280" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <th width="1280" height="1150" align="right" valign="top" scope="col"><img src="images/design2-slice_01 (2).jpg" alt="Welcome To Our Home Page" width="1280" height="296" border="0" usemap="#Map" />
          <table width="1280" border="0" cellpadding="1" cellspacing="1">
            <tr valign="top">
              <th width="278" height="661" valign="top" bgcolor="#000000" scope="col"><p align="left" class="style15">              <u>Store Hours:</u><br />
    Monday: 12-8 <br />
                  Tuesday: 12-8 <br />
                  Wednesday: 12-8 <br />
                  Thursday: 12-8 <br />
                  Friday: 12-8  <br />
                  Saturday: 10-6 <br />
                Sunday: Closed</p></th>
              <th width="1000" align="center" valign="top" bgcolor="#000000" scope="col"> <blockquote>
                  <p align="center" class="style16"><span class="style19" style="font-size: 46px;">WELCOME TO THE:</span><span class="style18"> <u>Lacrosse Lounge</u></span></p>
                  <p align="center" class="style16 style19"> A new store in the Newark area, Our store offers local lacrosse players a place to buy equipment from knowledgeable players who own the store. We are dedicated to help grow the sport in the area,and make efforts to reach out to local organizations.<br />
                </p>
    </blockquote>
                <table width="1000" border="0" align="center" cellpadding="0" cellspacing="0">
                  <tr>
                    <th width="575" height="395" scope="col"><img src="images/logos.gif" alt="Brands We Carry" width="573" height="395" /></th>
                    <th width="415" scope="col"><img src="images/lac (3).jpg" alt="Our Store" width="445" height="350" /></th>
                  </tr>
                </table>              <p align="right" class="style19">Phone (302) 731-0003<br />
                  Fax (302) 731-0004<br />
                  700 Capital Trail Suite 11E<br />
                  Newark, DE. 19702 </p></th>
            </tr>
          </table>
            <div id="primaryContent"></div>        <span class="foot">
              <!-- end main-->
          </span>        <span class="foot">
            <!--end continer-->
          </span>
             <table width="100%" cellpadding="0" cellspacing="0">
                <tr>
                  <td height="19" align="center" valign="top" bgcolor="#000000"><span class="style22">Content copyright 2012. LACROSSE-LOUNGE.COM. All rights reserved. </span></td>
                </tr>
          </table>
            <div id="Name">
              <p><span class="style14">Steve Shipe</span><br />
                <span class="style13">Lacrosse-Lounge.com</span></p>
        </div></th>
      </tr>
    </table>
    <map name="Map" id="Map">
      <area shape="rect" coords="3,246,123,300" href="index.html" />
      <area shape="rect" coords="192,243,362,312" href="About_Us.html" />
      <area shape="rect" coords="400,246,703,316" href="Custom Stringing.html" />
      <area shape="rect" coords="734,249,1042,341" href="Custom Apparel.html" />
      <area shape="rect" coords="1056,253,1268,328" href="Contact us.html" />
    </map>
    </body>
    </html>

    Thank you so much , much obliged, ur the greates thanks for your help it suprised me thats that little bit of css made the difference. I would like to thank you so much if you dont mind may i have your  personal email just in case i have an other questions in the future itd be great to know I have someone in the community that cares. my email is [email protected] give me an email anytime thanks once again.

  • MM_XSLTransform error every time in PHP page

    When I apply an XSL Transformation to a PHP page, the page
    displays with an MM_XSLTransform error saying the XML file is not a
    valid XML document -- even though it absolutely
    is valid XML. This is totally reproducable.
    Here's a simple example:
    library.xml:
    <?xml version="1.0" encoding="iso-8859-1"?>
    <library>
    <owner>Mister Reader</owner>
    <book>
    <isbn>1-2345-6789-0</isbn>
    <title>All About XML</title>
    <author>John Doe</author>
    <language>English</language>
    <price currency="usd">24.95</price>
    </book>
    <book>
    <isbn>9-8765-4321-0</isbn>
    <title>CSS Made Simple</title>
    <author>Jane Smith</author>
    <language>English</language>
    <price currency="usd">19.95</price>
    </book>
    </library>
    library.xsl:
    <xsl:stylesheet version="1.0" xmlns:xsl="
    http://www.w3.org/1999/XSL/Transform">
    <xsl:output method="html" encoding="iso-8859-1"/>
    <xsl:template match="/">
    <h1><xsl:value-of select="library/owner"/>'s
    Library</h1>
    <xsl:for-each select="library/book">
    <p><em><xsl:value-of
    select="title"/></em>
    by <xsl:value-of select="author"/>
    (ISBN <xsl:value-of select="isbn"/>)</p>
    </xsl:for-each>
    </xsl:template>
    </xsl:stylesheet>
    library.php:
    <?php
    //XMLXSL Transformation class
    require_once('includes/MM_XSLTransform/MM_XSLTransform.class.php');
    ?><!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=iso-8859-1" />
    <title>Untitled Document</title>
    </head>
    <body>
    <?php
    $mm_xsl = new MM_XSLTransform();
    $mm_xsl->setXML("library.xml");
    $mm_xsl->setXSL("library.xsl");
    echo $mm_xsl->Transform();
    ?>
    </body>
    </html>
    When viewing the file library.php, the following error is
    displayed in the browser, followed by the raw XML:
    library.xml is not a valid XML document.
    Non-static method DOMDocument::loadXML() should not be called
    statically, assuming $this from incompatible context in file
    library.xml.
    I wonder whether there is a problem with the include file
    MM_XSLTransform, version 0.6.2. Since that include file begins with
    a "TODO" note from the programmer, I wonder whether it's not quite
    release-ready.
    Anyone else having this problem?
    Environment:
    - Testing Server on localhost
    - Windows XP Pro SP2
    - Dreamweaver 8.0.2
    - PHP 5.1.4
    - MySQL 5.0.2.1
    - PHP MyAdmin 2.8.1

    Jon9999 wrote:
    > I wonder whether there is a problem with the include
    file MM_XSLTransform,
    > version 0.6.2. Since that include file begins with a
    "TODO" note from the
    > programmer, I wonder whether it's not quite
    release-ready.
    It was release-ready. It worked fine in PHP 5.0, but changes
    in PHP
    5.1.4 caused it to break. As I understand, Adobe is preparing
    a PHP
    hotfix that solves several problems caused by the 8.0.2
    updater. It also
    fixes this one.
    In the meantime, you can easily hand fix it yourself.
    Comment out line 301, which looks like this:
    $xml = DOMDocument::loadXML($content);
    Then insert the following two new lines immediately below:
    $doc = new DOMDocument();
    $err = $doc->loadXML($content);
    The rest of the script then continues with this:
    restore_error_handler();
    So, when you have finished, lines 301-304 will look like
    this:
    //$xml = DOMDocument::loadXML($content);
    $doc = new DOMDocument();
    $err = $doc->loadXML($content);
    restore_error_handler();
    Just in case you're interested in what the problem was: line
    301 uses
    loadXML() as a static method of the DOMDocument class. As of
    PHP 5.1.4,
    this isn't allowed. The substitute lines create a DOMDocument
    object,
    and then call the method on the new object.
    David Powers
    Author, "Foundation PHP for Dreamweaver 8" (friends of ED)
    Author, "Foundation PHP 5 for Flash" (friends of ED)
    http://foundationphp.com/

  • DFF in Attachement Document Category (There is no DFF column found in form)

    Hi All
    I want to enabel DFF for the form Attachment -> Document Categories in Application Developer.
    Table (FND_DOCUMENT_CATEGORIES) has attribute columns, but the DFF [] column is not found in the form.
    Is it possible to enable DFF for this form??
    Thanks
    Edited by: user12270833 on Feb 10, 2013 12:43 AM

    @Nancy O.
    Thank you so much for the information and the links!
    Removing the height from the css made the error go away.
    I did use a spry menu bar for the links. I then added in pictures for the buttons that i made in PS.
    The reason i am using the free site that i am, is that this is my first real web site. It doesnt have to be ready for months and i wanted to make sure i could do the project before it goes on a pay site.
    @hans-g.
    Here are a couple of pictures from my Fx and IE.
    Fx http://i195.photobucket.com/albums/z100/micro5797/Kommitted/homeFxupload.png
    IE http://i195.photobucket.com/albums/z100/micro5797/Kommitted/HomeIEupload.png
    In these pictures, why is the linkable lower banner section that says "Desktop" higher then the rest of the banner?
    Is that a problem that occured in the "slicing" in photoshop?
    In DW i set the border to ) trying to fix the problem, but it didn't make a difference, that is why i assume d that it may be an error listed in http://validator.w3.org/ , but now i see that it isnt.

  • Another "there is no attribute "height" "question.

    I really don't understand css. I want to learn more, but i don't know where to go to learn more.
    My web site looks perfect through Fire fox, but in IE only 2/3 of the site works.
    With enough research i found a site where i can input my sites address and it will tell me the errors.
    http://validator.w3.org/
    On this site it gives me errors such as "there is no attribute "height", and a few simmilar postings.
    I have been trying to fix this. I have looked at multiple pages/posts that i have found via google, as well as this adobe forum site.
    I still dont have an understanding of how to fix these problems.
    I was hoping that someone could send me a link of where to go to learn this, or show me how to fix this. I need to learn this to fix the other problems, but i need to see this in laymans terms so taht i can understand it.
    Here is what it says:
    Line 169,         Column 45:     there is no attribute "height"
    …able id="Table_01" width="980" height="400" border="0" cellpadding="0" cellspa…
    (the validator makes the " between height= and 400" red)
    I have tried height="400px" and every different combonation that i have come across to try.
    Also my code stops at line 195 in dreamweaver (which is blank) the site says there are errors on lines 197&198, but where so i find those lines?
    Example:
        Line 198,
            Column 10:
        document type does not allow element "noscript" here
        <noscript><a href="http://www.hosting24.com/"><img src="http://analytics.hostin…
    Here is the site i am working on, if you need to see the code etc. Thanks a lot for ay help you can give me.
    http://committed.netai.net/index.html
    Also. I make the sites pictures,banners/sliced and link buttons in Photoshop. I then add them to Dreamweaver.
    So why do i get code errors? Shouldn't Ps and DW be more compatable and not have any errors?
    Is it just that IE is so different that everyone has to redo code to conform to IE?

    @Nancy O.
    Thank you so much for the information and the links!
    Removing the height from the css made the error go away.
    I did use a spry menu bar for the links. I then added in pictures for the buttons that i made in PS.
    The reason i am using the free site that i am, is that this is my first real web site. It doesnt have to be ready for months and i wanted to make sure i could do the project before it goes on a pay site.
    @hans-g.
    Here are a couple of pictures from my Fx and IE.
    Fx http://i195.photobucket.com/albums/z100/micro5797/Kommitted/homeFxupload.png
    IE http://i195.photobucket.com/albums/z100/micro5797/Kommitted/HomeIEupload.png
    In these pictures, why is the linkable lower banner section that says "Desktop" higher then the rest of the banner?
    Is that a problem that occured in the "slicing" in photoshop?
    In DW i set the border to ) trying to fix the problem, but it didn't make a difference, that is why i assume d that it may be an error listed in http://validator.w3.org/ , but now i see that it isnt.

  • Issue with "Web Printing with Microsoft Excel"

    Hi All,
    I have implemented the "Web Printing with Microsoft Excel". It worked fine. But to get a effect in the background color I have saved the  "BWReports_Excel_print.css" as test.css & made some changes to test.css. Then used transaction ICM Monitor(SMICM) to reset the SAP Web Appilication Server Cache. Also provided the respective link for test.css in the web template.
    But now the print is not working. Any idea???. I have also reverted back the link to
    "BWReports_Excel_print.css" in the web template.
    Still no solution.
    Need a urgent feedback.
    regards
    Mahendra

    Did you solve this?

  • How to get externally made nav bar css into dreamweaver

    How do I insert 'purecssmenu' made nav bar into dreamweaver? I have a zip file with just the interactive nav bar in it. There used to be an insert nav bar but that seems to have vanished in cs6 presumably because Adobe want you to use Spry!!!
    I am completely new to this game but it is not helpful to be constantly told that you should learn coding.
    I just want to make 1 tiny personal site. Any constructive help would be very much appreciated.

    Sorry you're having such a terrible time not only getting the navbar to work, but interpreting the help here. (That's what it is... help, only you really didn't give us a lot to go on)
    You need to do one of two things if you'd like people to stop "guessing" what's wrong with your page.
    1.Upload your page to your server and post the URL here so others can download the source code and analyze it.
    or
    2. Copy and paste your ENTIRE page of code here so it can be seen, downloaded and viewed in someone else's Dreamweaver on their computer. Something like this:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
        <meta http-equiv="content-type" content="text/html;charset=utf-8" />
        <title>Generated by Pure CSS Menu.com : Free CSS Drop Down Menu Generator</title>
        <meta name="description" content="Online CSS Menu Maker. Create No-Javascript, 100% CSS Dropdown Menu in seconds! Horizontal css menu & Vertical css menu." />
    </head>
    <body bgcolor="#ffffff">
    <!-- Start PureCSSMenu.com STYLE -->
    <style>
    #pcm{display:none;}
    ul.pureCssMenu ul{display:none}
    ul.pureCssMenu li:hover>ul{display:block}
    ul.pureCssMenu ul{position: absolute;left:-1px;top:98%;}
    ul.pureCssMenu ul ul{position: absolute;left:98%;top:-2px;}
    ul.pureCssMenu,ul.pureCssMenu ul {
    margin:0px;
    list-style:none;
    padding:0px 2px 2px 0px;
    background-color:#333333;
    background-repeat:repeat;
    border-color:#cccccc #111111 #111111 #cccccc;
    border-width:1px;
    border-style:solid;
    ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu {
    display:block;
    zoom:1;
    float: left;
    ul.pureCssMenu ul{
    width:155.4px;
    ul.pureCssMenu li{
    display:block;
    margin:2px 0px 0px 2px;
    font-size:0px;
    ul.pureCssMenu a:active, ul.pureCssMenu a:focus {
    outline-style:none;
    ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
    display:block;
    vertical-align:middle;
    background-color:#333333;
    border-width:1px;
    border-color:#333333;
    border-style:solid;
    text-align:left;
    text-decoration:none;
    padding:2px 5px 2px 10px;
    _padding-left:0;
    font:normal 12px Trebuchet MS,Tahoma;
    color: #cccccc;
    text-decoration:none;
    cursor:default;
    ul.pureCssMenu span{
    overflow:hidden;
    ul.pureCssMenu li {
    float:left;
    ul.pureCssMenu ul li {
    float:none;
    ul.pureCssMenu ul a {
    text-align:left;
    white-space:nowrap;
    ul.pureCssMenu li.sep{
    text-align:left;
    padding:0px;
    line-height:0;
    height:100%;
    ul.pureCssMenu li.sep span{
    float:none;     padding-right:0;
    width:3px;
    height:100%;
    display:inline-block;
    background-color:#cccccc #111111 #111111 #cccccc;     background-image:none;}
    ul.pureCssMenu ul li.sep span{
    width:100%;
    height:3px;
    ul.pureCssMenu li:hover{
    position:relative;
    ul.pureCssMenu li:hover>a{
    background-color:#377D9F;
    border-color:#377D9F;
    border-style:solid;
    font:normal 12px Trebuchet MS, Tahoma;
    color: #FFFFFF;
    text-decoration:none;
    ul.pureCssMenu li a:hover{
    position:relative;
    background-color:#377D9F;
    border-color:#377D9F;
    border-style:solid;
    font:normal 12px Trebuchet MS, Tahoma;
    color: #FFFFFF;
    text-decoration:none;
    ul.pureCssMenu li.dis a {
    color: #666 !important;
    ul.pureCssMenu img {border: none;float:left;_float:none;margin-right:2px;width:16px;
    height:16px;
    ul.pureCssMenu ul img {width:16px;
    height:16px;
    ul.pureCssMenu img.over{display:none}
    ul.pureCssMenu li.dis a:hover img.over{display:none !important}
    ul.pureCssMenu li.dis a:hover img.def {display:inline !important}
    ul.pureCssMenu li:hover > a img.def  {display:none}
    ul.pureCssMenu li:hover > a img.over {display:inline}
    ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover a:hover img.over{display:inline}
    ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover a:hover img.def{display:none}
    ul.pureCssMenu a:hover ul,ul.pureCssMenu a:hover a:hover ul,ul.pureCssMenu a:hover a:hover a:hover ul{display:block}
    ul.pureCssMenu a:hover ul ul,ul.pureCssMenu a:hover a:hover ul ul{display:none}
    ul.pureCssMenu span{
    display:block;
    background-image:url(./images/arr_white.gif);
    background-position:right center;
    background-repeat: no-repeat;
       padding-right:12px;}
    ul.pureCssMenu li:hover>a>span{     background-image:url(./images/arrv_white.gif);
    ul.pureCssMenu a:hover span{     _background-image:url(./images/arrv_white.gif)}
    ul.pureCssMenu ul span,ul.pureCssMenu a:hover table span{background-image:url(./images/arr_white.gif)}
    </style>
    <!-- End PureCSSMenu.com STYLE -->
    <!-- Start PureCSSMenu.com MENU -->
    <ul class="pureCssMenu pureCssMenum">
    <li class="pureCssMenui"><a class="pureCssMenui" href="index.html">Home Page</a></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>Product Info</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
    <ul class="pureCssMenum">
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">What is New?</a></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>Menu Features</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
    <ul class="pureCssMenum">
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">Free Online Generator</a></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">100% Pure CSS Menu</a></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">No Javascript Required</a></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">Multi Level Submenus</a></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">Search-Engine Friendly</a></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">Advanced Styling</a></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">Horizontal & Vertical</a></li>
    </ul>
    <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>How To Use</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
    <ul class="pureCssMenum">
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">1. Select Template</a></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">2. Customize Items</a></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">3. Download Zip</a></li>
    </ul>
    <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>Supported Browsers</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
    <ul class="pureCssMenum">
    <li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>Windows OS</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
    <ul class="pureCssMenum">
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">Internet Explorer</a></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">Firefox</a></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">Chrome</a></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">Safari</a></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">Mozilla</a></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">Opera</a></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">Netscape Navigator</a></li>
    </ul>
    <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>MAC OS</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
    <ul class="pureCssMenum">
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">Firefox</a></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">Safari</a></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">Internet Explorer</a></li>
    </ul>
    <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>Unix/Linux OS</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
    <ul class="pureCssMenum">
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">Firefox</a></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">Konqueror</a></li>
    </ul>
    <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
    </ul>
    <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
    </ul>
    <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>Templates</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
    <ul class="pureCssMenum">
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">Template 1</a></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">Template 2</a></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">Template 3</a></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">Template 4</a></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">Template 5</a></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">Template 6</a></li>
    </ul>
    <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">FAQ</a></li>
    <li class="pureCssMenui"><a class="pureCssMenui" href="#">Contact Us</a></li>
    </ul>
    <a id="pcm" href="http://www.purecssmenu.com/">CSS Drop Down Menu by PureCSSMenu.com</a>
    <!-- End PureCSSMenu.com MENU -->
    <!-- (c) 2009, PureCSSMenu.com -->
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    </body>
    </html>
    Based on your reply, and the troubles you had just getting the domain, I'll have to assume that you can't upload the page, so be a dear, and paste your code here so we can actually see it and troubleshoot it for you.
    Let's see if we can get that egg boiled, eh?

  • Why changes are not made in login screen after changes in logon.css in OBIE

    Hi,
    I need to change the login screen with my own logo.and i referred the below links.I have made all the cahanges as mentioned in this link.
    The heading is changing but the backgroundimage and colours are not changing.I have made all the changes as mentioned in this link.
    can anyone help what is wrong and why i'm not getting the backgroung image and colour changed..Is there any other changes in logon.css or instanceconfig.xml
    other than mentioned in this link.
    http://santoshbidw.wordpress.com/2011/08/16/obiee-logon-screen-customization/
    http://santoshbidw.wordpress.com/category/obiee-10g/obiee-10g-answers/customize-obiee-logon-image/
    Thanks in advance

    You have customised the skins/themes folder
    $OBI_HOME/web/app/res/*
    Depending on what webserver you are using you will also need to customise the skins/themes for the web application that is already deployed.
    These are where you can find them:
    OC4J: $OBI_HOME/oc4j_bi/j2ee/home/applications/analytics/analytics/res/*
    WebLogic: $OBI_HOME/web/analytics/res/*
    You will need to restart the presentation services to see the changes.
    If you are manually deploying the application to the web server you will need to make your changes to the original app folder '$OBI_HOME/web/app/res/*' and then follow the below guide to create the web archive to deploy to the presentation server i.e. oc4j or WebLogic.
    http://download.oracle.com/docs/cd/E12096_01/books/AnyInConfig/AnyInConfigSAW4.html#wp1119340

  • I made this in dreamweaver, can i slap some CSS on it?

    Hi everyone,
    A friend of mine asked me to do a webpage for her, and for
    the most part, I made the page. Its not yet cmpleted, but here's
    the link:
    http://www.helenbwilson.com
    The html pages are already made, but I wanted to format the
    text in the cells in the "About" and "Contact" section, as the
    leading and padding need to be fixed (The text aligns way too close
    to the border of the table/cell). Is it possible to have a CSS
    document where I can put it and all the text in the cells will be
    formatted to my liking?
    And that leads me to my next question of : how difficult is
    it to make this in straight up CSS?
    Any help would be appreciated.
    Thanks, and go easy on me, Im a noob
    -Cesar

    > Is it
    > possible to have a CSS document where I can put it and
    all the text in the
    > cells will be formatted to my liking?
    Certainly.
    > And that leads me to my next question of : how difficult
    is it to make
    > this in
    > straight up CSS?
    Learning how to effectively create pages without using tables
    is an arduous
    process for most people. Although Nick's suggestion is right
    on target,
    it's not very practical for someone asking the questions you
    are asking. I
    suggest you begin to use CSS for content styling and slowly
    migrate into the
    more advanced usages, like floats and other page-placement
    techniques as
    your knowledge increases.
    And learn how to use a grain of salt with the recommendations
    that you do
    this transition instantly, and never use tables for anything
    but tabular
    content. Get pragmatic. If a table works best for a
    praticular purpose,
    there's no shame in using it. Browsers will support tables
    'till the cows
    come home.
    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
    ==================
    "psypent81" <[email protected]> wrote in
    message
    news:[email protected]...
    > Hi everyone,
    >
    > A friend of mine asked me to do a webpage for her, and
    for the most part,
    > I
    > made the page. Its not yet cmpleted, but here's the
    link:
    >
    >
    http://www.helenbwilson.com
    >
    > The html pages are already made, but I wanted to format
    the text in the
    > cells
    > in the "About" and "Contact" section, as the leading and
    padding need to
    > be
    > fixed (The text aligns way too close to the border of
    the table/cell). Is
    > it
    > possible to have a CSS document where I can put it and
    all the text in the
    > cells will be formatted to my liking?
    >
    > And that leads me to my next question of : how difficult
    is it to make
    > this in
    > straight up CSS?
    >
    > Any help would be appreciated.
    > Thanks, and go easy on me, Im a noob
    >
    > -Cesar
    >
    >
    >
    >

  • Changes made to .css file in adf application, Does need to run the page again

    Hi Gurus,
    Please explain me, Changes made to .css file in running adf application, Does need to run the page or just refreshing page from browser will pickup the changes for oracle ADF 11g R2.
    Warm Regards,
    Md Jahangir Pasha

    Hi,
    you have to set CHECK_FILE_MODIFICATION parameter value to "true" on web.xml file.
    <context-param>
        <param-name>org.apache.myfaces.trinidad.CHECK_FILE_MODIFICATION</param-name>
        <param-value>true</param-value>
      </context-param>

  • How can i had CSS buttons i made with RAGE ButtonDesign to iweb?

    good day to you
    i have the RAGE ButtonDesign software that can make for me nice css buttons
    after i made the button i get 3 files : index.html , rage_style.css and the a png file
    how do i integrated this to my iweb site?

    You need to place html code that is produced into the html snippet on your website and click apply for any code to work on your site. An index.html page is no good to you, to be used in iWeb as iWeb has no import facility.
    Take your html code and place it in an html snippet and see what happens.

  • I made a text nav bar using CSS, and I am trying to get downdown menu's from it?

    Hello,
    I am working through a tutorial book and just created a text navbar with CSS, which I have never done before. Basically it was an Unordered list and then I used the float property right to make them go next to each other. Then created a few more styles to give them padding etc.
    I thought I could go after each list item and now add a group of unordered lists items to pop up when I mouse over., but whatever I try in a new CSS style doesn't work to put them underneath.
    Here is the code  and the style sheet code thus far, and I have colored in blue, the items I wanted to have dropdown menu's come from. Can anyone help me or guide me to where I might find this info? I want to get to the next level, but this is as far as the book goes.
    thanks!
    babs
    @charset "UTF-8";
    body {
        font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
        font-size: small;
        color: #333;
        background-color: #739112;
        text-align: center;
        #container {
        background-color: #FFF;
        width: 840px;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        text-align: left;
        background-image: url(images/container_bg.gif);
        background-repeat: repeat-y;
    #header {
        height:80px;
        z-index:1;
        background-color: #9fcc41;
        background-image: url(images/veggies.jpg);
        background-repeat: no-repeat;
        background-position: right;
    #header img {
        margin-top: 20px;
        margin-left: 15px;
    dl {
        color: #000;
        font-size: medium;
        margin-left: 15px;
        font-family: Georgia, "Times New Roman", Times, serif;
        font-weight: bold;
    dd {
        font-size: small;
        margin-bottom: 10px;
        font-weight: normal;
        margin-right: 10px;
        font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
        margin-left: 5px;
        #navigation {
        background-color: #88b036;
        height: 36px;
        width: 100%;
        #footer {
        background-color: #ccc;
        clear: both;
        height: 1%;
        #main {
        float: left;
        width: 520px;
        padding-left: 20px;
    #navigation ul ul {
        float: none;
    #container #navigation ul ul {
        float: none;
        clear: none;
        #sidebar {
        float: right;
        width: 270px;
        background-color: #c8d9bc;
        border-left-width: 2px;
        border-left-style: solid;
        border-left-color: #060;
        #navigation ul li {
        float: left;
        list-style-type: none;
        #navigation ul li a {
        text-decoration: none;
        color: #FFF;
        padding-top: 8px;
        padding-right: 15px;
        padding-bottom: 8px;
        padding-left: 15px;
        display: block;
        #navigation ul {
        margin: 0px;
        padding: 0px;
        #navigation a:hover {
        background-color: #9fcc41;
    <!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns=&quot;http://www.w3.org/1999/xhtml">
        <head>
        <meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=UTF-8&quot; />
        <title>OrganicUtopia Home Page</title>
        <style type=&quot;text/css&quot;>
        </style>
        <link href=&quot;styles.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; />
        </head>
    <body>
    <div id="container">
      <div id=&quot;header&quot;><img src=&quot;images/ou_logo.gif&quot; width=&quot;210&quot; height=&quot;41&quot; /></div>
      <div id="navigation">
        <ul>
         <li><a href=&quot;#&quot;>Home</a></li>
          <li><a href=&quot;#&quot;>About US</a></li>
          <li><a href=&quot;#&quot;>Products</a></li>
          <li><a href=&quot;#&quot;>Services</a></li>
          <li><a href=&quot;#&quot;>Contact</a></li>
        </ul>
      </div>
      <div id="main">
        <h1 >Welcome to organic utopia</h1>
        <p>There's big news at OrganicUtopia this month! We've expanded to include 2 new lines of body and earth-friendly products. We now carry bio-degradeable furniture - imagine a couch you can leave on the street that will slowly decompose back into Mother Earth! We also have added recyclable shopping bags, which eliminate the need for the age-old question &quot;paper or plastic?&quot;. These bags are tough, stylish, and eco-friendly!</p>
        <h1 >What do we do?</h1>
        <p> We've got everything from healthy<a href=&quot;#&quot;> lifestyle foods</a> and <a href=&quot;#&quot;>organic gourmet products</a> to other lifestyle products. We also have a full line of eco-friendly furniture, clothes, candles and home furnishings.</p>
        <h1>One stop shoppingOne stop shopping</h1>
        <p>You can find it all here, and our online store makes it easy to order! Pick from carefully selected food, lifestyle and home products and add them to your shopping bag, all from the convenience of home. We even offer free shipping on many items, or save you big dollars by shipping items together.</p>
    <p>You can find it all here, and our online store makes it easy to order! Pick from carefully selected food, lifestyle and home products and add them to your shopping bag, all from the convenience of home. We even offer free shipping on many items, or save you big dollars by shipping items together.</p>
        <h1>Member benefits</h1>
        <p>Anybody can shop at Organic Utopia, members however, enjoy certain benefits. For only $150 a year you will recieve a 20% discount on anything in the store. Additionally, you can take advantage of ordering bulk items when you become a member. There's really no reason *not* to join! <a href=&quot;#&quot;>Learn more.</a></p>
      </div>
      <div id="sidebar">
        <dl>
          <dt>December 20, 2012</dt>
          <dd>Organic Utopia's blowout sale. Lots of great deals on clothing, food, green accessories and more. Big saviings can be found everywhere!</dd>
          <dt>December 21, 2012</dt>
          <dd> All Organic Utopia stores will be closed to non-members as we prepare for the first annual World Age exhibition. Members are encouraged to come to your local store and help prepare for this once-in-a-lifetime event.</dd>
          <dt>December 22, 2012</dt>
          <dd> Community Green up. Volunteer to help clean up your community's neighborhood. </dd>
        </dl>
      </div>
      <div id="footer">Content for  id "footer" Goes Here</div>
    </div>
    </body>
    </html>

    Perhaps it would be helpful for you to view the page source code of this page
    http://www.alanwork.com/
    As you can see, the submenu code links are immediately below the top level code, and are
    wrapped in their own  <UL> </UL> tag pairs.
    Hope that helps

Maybe you are looking for