Results 1 to 3 of 3
  1. #1
    Join Date
    Feb 2006
    Location
    Lancashire, UK
    Posts
    473

    css problem in FF

    http://www.planet-zorg.co.uk/mike/

    in IE the navigation menu - the <li> bullet list shows fine

    in FF the <li> bullet lists are out of their content box

    whats wrong with it?

    help!!!

  2. #2
    Join Date
    Aug 2006
    Posts
    35
    First of all, I suggest you validate your site so you can address several important errors.

    http://validator.w3.org/check?uri=ht...ke%2Findex.php

    Error numbers 27 to 39 refer to the improper use of the <li></li> tag which relates to your firefox problem.

    Just add this to your css.

    Code:
     
    #container ul {
     margin: 0px;
     padding-top: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     padding-left: 18px;
     list-style-type: circle;
    }
    And rewrite some of your html.

    Code:
     
    <div class="box">
    <div id="header">
    Navigation
    </div>
    <div id="container">
    <br />
    <ul>
    <li><a href="index.php">Home</a></li>
    <li><a href="login.php">Login</a></li>
    <li><a href="reg.php">Sign-up</a></li>
    <li><a href="ranking.php">Rankings</a></li>
    <li><a href="about.php">About</a></li>
    <li><a href="news.php">News</a></li>
    <li><a href="contact.php">Contact</a></li>
    <li><a href="faq.php">FAQs</a></li>
    <li><a href="links.php">Links</a></li>
    <li><a href="rules.php">Rules</a></li>
    <li><a href="old.php">Hall of Fame</a></li>
    <li><a href="linkback.php">Link to us</a></li>
    </ul>
    <br />
    </div>
    </div>

  3. #3
    Join Date
    Feb 2006
    Location
    Lancashire, UK
    Posts
    473
    just what i needed, thanks

Posting Permissions

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