square bullets won’t show in IE

  • Hi there

    I am building a website for a friend (www.patron.nl) and want my bullets to look nice and square and red. So I added a piece of code the CSS, (which I found on another website, I am really new at this, so just copying and pasting all over the place ;-)):

    #content ul{
    list-style-type: square;
    color: #D11600;
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 15px 0px;
    }

    #content ul li{
    list-style-type: square;
    color: #D11600;
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 5px 0px;
    }

    And everything works fine in FF and Safari, but my pretty squares won’t show in IE.

    I am just a WordPress amateur and half the time I don’t know what I am doing so I hope someone can help me solve this problem.

    Many thanks!

Viewing 2 replies - 1 through 2 (of 2 total)

  • AFAIK, the only way to be sure is to make the bullet an image

    #content ul{
    background: url(images/square_red.gif) no-repeat top left;
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 15px 0px;
    }

    #content ul li{
    background: url(images/square_red.gif) no-repeat top left;
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 15px 0px;
    }

    use a 9×15 pixel image, with the bullet the lower 9×9 area and the upper 9×6 area same color as background, put it in the theme image directory

    I just modified your code, I use different margin & padding

    Thread Starter troeliewoelie

    (@troeliewoelie)

    Hi! Thanks for the quick reply. I tried what you suggested, but when I tried to update the CSS the whole theme went missing. It suddenly wasn’t activated anymore and I had to reinstall the whole thing.

    Weird, wouldn’t you say so? I can’t imagine that it would have to do anything with the code you supplied or could that be the cause?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘square bullets won’t show in IE’ is closed to new replies.

Tags