Grow your CSS skills. Land your dream job.

How to remove bullets in IE8?

  • # November 27, 2010 at 6:38 am

    I have this in my wordpress header layout:

    		


    • < ?php /*Show ad 1 */ ?>

    • < ?php /*Show ad 2 */ ?>


    In my css file, i put these to handle the list:

    #top-ad {
    margin: 0 auto;
    }


    #top-ad li {
    display: inline;
    list-style: none;
    list-style-image: none;
    list-style-type: none;
    }

    FYI, the second list (top-ad-2), i show the Google Adsense 200×90 link ad.
    its ok in FF, Chrome, Safari but in IE, it still show bullets!

    i try to put all the list style in ul selector but the bullets are still there. anyone know how to deal this with IE?

    # November 27, 2010 at 6:57 am

    Try:


    #top-ad ul {
    list-style: none;
    }
    # November 27, 2010 at 7:00 am

    not working

    # November 27, 2010 at 11:20 am

    Do you have a live example of the page or the entire site code?

    # November 27, 2010 at 11:40 am

    currently i am working on localhost…the bullets is small but i dont know why CSS cannot make them remove

    # November 27, 2010 at 12:28 pm

    Might be overwritten by another style?

    Try:


    #top-ad ul {
    list-style: none !important;
    }
    # November 27, 2010 at 12:36 pm

    You can also try to be more specific like:

    #wrapper #sidebar #content #top-ad ul { list-style: none; }

    (or whatever the path is to that div)

    # November 27, 2010 at 12:40 pm

    do you mean i have to start from the earliest selector like header???

    TT Mark, the !important trick is not working as well. damn i hate ie

    # November 27, 2010 at 12:43 pm

    I’m not saying you have to, I’m saying it might help.

    Like Mark said above, without a link to the site, it’s very hard for us to guess at what will help.

    # November 27, 2010 at 4:53 pm

    Try using a css reset. That should automatically ‘disable’ most browser specific styles.

    # November 28, 2010 at 2:26 am

    i am trying..never know about css reset before..

    # November 28, 2010 at 4:00 am

    Double check your code. Most likely an error or a style overriding it.

    # November 29, 2010 at 6:45 am

    #top-ad ul {
    list-style-type: none !important;
    }

    # November 29, 2010 at 7:17 am

    sidedesigner,

    like i said, the important tag is also not working

    # November 29, 2010 at 7:32 am

    Can’t you paste the entire page CSS and HTML?

Viewing 15 posts - 1 through 15 (of 21 total)

You must be logged in to reply to this topic.

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