Grow your CSS skills. Land your dream job.

How to remove bullets in IE8?

  • # June 12, 2012 at 7:53 am

    try this out…

    #top-ad ul li {

    display: inline;
    list-style: none;
    list-style-image: none;
    list-style-type: none;

    }

    # June 12, 2012 at 9:14 am

    Hi dzulfriday. What a lot of people here have suggested should work. It is possible that you have written your css the right way, but have also declared a global list-style-type some where below #top-ad li list-style-type. I would make sure that this is not the case. If you find it is still happening even after looking through your css for any overriding styles, I would try to get your css and html up somewhere for us to review it.

    -Mike

    # April 15, 2013 at 8:14 pm

    I had a similar situation. Oddly, when I selected the li directly using

    li {
    list-style-type:none;
    }

    and reloaded the page, the bullets did not display.

    Then, I took that li selector out. The descendant selector

    nav ul li {
    list-style-type:none;
    }

    then worked.

    # April 15, 2013 at 11:26 pm

    What I sometimes do is write a new style at the end of the css file.
    Then when it works, I’ll move it to where I have stuff organized to.
    Then reload the page just to make sure it is still working.

    # April 15, 2013 at 11:56 pm

    Just so everyone is aware, this thread is over 2 years old.

    # April 16, 2013 at 10:55 am

    I blame Andrew85!

Viewing 6 posts - 16 through 21 (of 21 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".