SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Enthusiast
    Join Date
    Jan 2002
    Posts
    27
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    help - small fix needed for list nav

    In IE 5.5 and up this menu looks good. Nice one pixel white line between the "buttons". But in IE 5.0 the nav pulls a part a bit leaving more space. Anyone have any ideas how to modify this to work in IE 5.0?

    Ryan


    Code:
     
    <div id="navcontainer">
    <ul>
    <li><a href="" title="Home">Home</a></li>
    <li><a href="" title="About Us">About Us</a></li>
    <li><a href="" title="Careers">Careers</a></li>
    <li><a href="" title="Student Programs">Student Programs</a></li>
    <li><a href="" title="Washington D.C.">Washington D.C.</a></li>
    <li><a href="" title="Contact Us">Contact Us</a></li>
    <li><a href="" title="FAQ">FAQ</a></li>
    </ul>
    </div>
     
    CSS:
     
    div#navcontainer {
     font: bold 10px Verdana, Arial, Helvetica, sans-serif;
     border-top: 3px solid #FFFFFF;
     border-bottom: 1px solid #FFFFFF;
     float: left;
     margin-top: 0px;
     width: 134px;
     text-transform: uppercase;
     color: #333333;
    }
    div#navcontainer ul {
     list-style-type: none;
     margin: 0;
     padding: 0;
    }
    div#navcontainer a {
     background-color: #D2C992;
     border-bottom: 1px solid #FFFFFF;
     color: #333;
     display: block;
     font-weight: bold;
     padding: 2px 5px 3px 5px;
     text-decoration: none;
     width: 134px;
     voice-family: "\"}\"";
     voice-family: inherit;
     width: 124px;
    }
    html>body div#navcontainer a {
     width: 124px;
    }
    div#navcontainer a:hover {
     background-color: #C8A93F;
     color: #FFF;
    }

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,344
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    Add this to your code:

    Code:
    div#navcontainer li {display:inline}
    Paul

  3. #3
    SitePoint Enthusiast
    Join Date
    Jan 2002
    Posts
    27
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Works like a charm.

    Thanks!


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
  •