SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Member
    Join Date
    Dec 2005
    Location
    Calgary, AB
    Posts
    16
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    ul li bullets... How can I remove them in IE 6?

    Hello all!

    I can't seem to get the bullets on my ul li list's to disapear. I'm using the display:block; which works perfect in Firefox, but not so well in IE.

    the link is http://www.jeffrendek.com/ and the list is on the right hand side.

    Any help would be greatly appreciated!

  2. #2
    SitePoint Enthusiast simonpointer's Avatar
    Join Date
    Jun 2006
    Location
    Guildford UK
    Posts
    85
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    OK jeff.

    Firstly I suggest you give your list an id to make it unique, so that you can then style it uniquely.

    Code:
    <ul id="navlist">
    <li><a href="portfolio/index.html">View my portfolio</a></li>
    <li><a href="resume/index.html">View my resume</a></li>
    <li><a href="projects/index.html">Current Projects</a></li>
    <li><a href="services/index.html">Services</a></li>
    <li><a href="about/index.html">About</a></li>
    <li><a href="contact/index.php">Contact</a></li>
    </ul>
    You do not need to declare display:block for either a ul or an li, as these are block level elements as they are.

    All you need to remove the bullets is this

    Code:
    #navlist li {
    list-style: none;
    color:#000;
    background:#333;
    padding-left:2.5em;
    padding-right:2.5em;
    margin-bottom:.5em;
    text-align:center;
    font-weight:600;
    font-size:14px;
    font-variant:small-caps;
    font-family:Georgia, Verdana, sans-serif;
    }
    I am not too sure why you have no bullets in FF though, as this should be the same. I am guessing that there may be some other layout issue, which is preventing the bullets from displaying in FF.

  3. #3
    Non-Member lostseed's Avatar
    Join Date
    Sep 2005
    Location
    Zurconion Soon!
    Posts
    1,549
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    That should work above I think, Ive never done it that way! Looks much nicer try this if it doesnt work:

    list-style-type: none;

  4. #4
    SitePoint Member
    Join Date
    Dec 2005
    Location
    Calgary, AB
    Posts
    16
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by simonpointer
    OK jeff.
    You do not need to declare display:block for either a ul or an li, as these are block level elements as they are.

    All you need to remove the bullets is this

    Code:
    #navlist li {
    list-style: none;
    color:#000;
    background:#333;
    padding-left:2.5em;
    padding-right:2.5em;
    margin-bottom:.5em;
    text-align:center;
    font-weight:600;
    font-size:14px;
    font-variant:small-caps;
    font-family:Georgia, Verdana, sans-serif;
    }
    Thanks for the info!! This did indeed work !


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
  •