NNFour List Menus

From CSS Discuss

Jump to: navigation, search

If you want to use a menu as a list but also want it to work in netscape on the mac and pc then this is your bet (oh IEx also and Linux)

<ul class="vertical-menu">
  <li><a href="#">Forums</a></li>
  <li><a href="#">Contact Us</a></li>
  <li><a href="#">Members</a></li>
</ul>

with style sheets of

ul.vertical-menu
{
    margin-left: -40px; /* Pull the margin back for NS4.7 */
    padding-left: 0px;
}

ul.vertical-menu li
{
    margin-left: 40px; /* Push the list back in for non NS4.7 browsers */
    list-style-type: none;
    color: #ffffff; /* Set colour to background for NS4 on Mac 9 bug */
}

The main problem being getting nn4 mac to not display a black question mark . This was fixed by giving the list item a color the same as the background.


-credits to Matt Goodall and Tim Parkin

references: http://www.outer-court.com/tech/htmlpt7.htm

Personal tools