Advertisement
If you have a new account but are having problems posting or verifying your account, please email us on hello@boards.ie for help. Thanks :)
Hello all! Please ensure that you are posting a new thread or question in the appropriate forum. The Feedback forum is overwhelmed with questions that are having to be moved elsewhere. If you need help to verify your account contact hello@boards.ie
Hi all! We have been experiencing an issue on site where threads have been missing the latest postings. The platform host Vanilla are working on this issue. A workaround that has been used by some is to navigate back a page or two to re-sync the thread and this will then show latest posts. Thanks, Mike.

Bullet points displaying in Firefox but not in IE

  • 22-11-2008 10:36am
    #1
    ninimac
    Closed Accounts Posts: 31 ✭


    Hi there,
    Having a problem with bullets not displaying in IE. Heres the links:

    http://www.driveability.ie/development/wte.html
    http://www.driveability.ie/development/theory.html

    heres the css I've used:

    ol.content{
    margin: .8em 0;
    }

    ul.content{
    margin: .8em 0;
    list-style-image: url('images/bullet.gif');
    }

    li.linespace{
    margin: .8em 0;
    list-style-image: url('images/bullet.gif');
    }

    li.ol_linespace{
    margin: .8em 0;
    }

    Can anyone help me out please?
    Thanks a mill.


Comments

  • #2
    The Mighty Ken
    Closed Accounts Posts: 586 ✭✭✭The Mighty Ken


    I generally find it's much easier to control bullets by using background-images on the list items rather than using list-style-image. For example:
    ol.content{
	margin: .8em 0;
}

ul.content{
	margin: .8em 0;
}

ul.content li {
background-image: url('images/bullet.gif');
background-repeat: no-repeat;
background-position: center left;
}

li.linespace{
	margin: .8em 0;
	background-image: url('images/bullet.gif');
background-repeat: no-repeat;
background-position: center left;
}

li.ol_linespace{
	margin: .8em 0;
}

    You can then add padding to the list item to tweak the spacing between it and the bullet. You may need to add some padding to the bullet image itself as well in order to get the spacing just right, particularly if your list items have top padding.


Advertisement