SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Member
    Join Date
    Jan 2008
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Folder like horizontal nav doen't work in IE6

    I am trying to redo a site using CSS. I had a folder nav using images and tables. Now trying to recreate that using CSS and I'm having problems with the nav in IE6, but not in any other browser.

    When you click on a link they all move on top of each other. I have tried multiple things and I just can't get it to work right.

    Please HELP!

    /*--CSS--*/

    #navlist{
    padding: 3px 0;
    margin-left: 0;
    border-bottom: 1px solid #cccccc;
    font-weight: bold;
    }

    #navlist li{
    list-style: none;
    margin: 0;
    display: inline;
    }

    #navlist li a{
    padding: 3px 0.5em;
    margin-left: 3px;
    border: 1px solid #cccccc;
    border-bottom: none;
    background-color: #edeeeb;
    text-decoration: none;
    text-transform: none;
    }

    #navlist li a:link, a:visited{
    color: #486db3;
    text-decoration: none;
    text-transform: none;
    }

    #navlist li a:hover{
    color: #ff0000;
    text-decoration: none;
    text-transform: none;
    }

    #navlist li a#current{
    color: #333333;
    text-decoration: none;
    text-transform: none;
    background-color: white;
    border-bottom: 1px solid white;
    }

  2. #2
    Function Curry'er JimmyP's Avatar
    Join Date
    Aug 2007
    Location
    Brighton, UK
    Posts
    2,006
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Appears to work correctly over here and the code looks fine. Could you post a link to the page or the entire page code?
    James Padolsey
    末末末末末末末末末末末末末末末末末末末
    Awesome JavaScript Zoomer (demo here)
    'Ajaxy' - Ajax integration solution (demo here)

  3. #3
    SitePoint Member
    Join Date
    Jan 2008
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Here is the HTML. Could it be a setting in my IE?

    <!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>:ApogeeX Automate Features</title>
    <link href="style/layout.css" rel="stylesheet" type="text/css" />
    <link href="style/content.css" rel="stylesheet" type="text/css" />

    <style type="text/css">
    <!--
    body {
    background-color: #edeeeb;
    }
    -->
    </style>
    </head>

    <body>
    <div id="headerdoc"></div>
    <div id="container">
    <div id="leftnavdoc">
    <ul>
    <li><h2>Academy Solutions</h2></li>
    <li><a href="XAutomateOverview.php">:ApogeeX Automate</a></li>
    <li><a href="#">:ApogeeX Manage</a></li>
    <li><a href="#">:ApogeeX Control</a></li>
    <li><a href="#">:ApogeeX Render</a></li>
    <li><a href="#">:ApogeeX Prepare</a></li>
    <li><a href="#">:ApogeeX Proof</a></li>
    <li><a href="#">:ApogeeX PrintDrive</a></li>
    <li><a href="#">:ApogeeX PrintDrive LE</a></li>
    </ul>
    </div>
    <div id="mainbody">
    <div id="pageActive">:ApogeeX Automate</div>
    <ul id="navlist">
    <li><a href="XAutomateOverview.php">Overview</a></li>
    <li><a href="XAutomateFeatures.php">Features</a></li>
    <li id="active"><a href="#" id="current">Options</a></li>
    <li><a href="XAutomateTips.php">Tips &amp; Tricks</a></li>
    </ul>
    </div>
    <div id="footermain"></div>
    </div>
    </body>
    </html>

  4. #4
    SitePoint Member
    Join Date
    Dec 2007
    Posts
    24
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    why don't you get a ready code from any website where ir's already tested and working?


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •