Latest Lists

Why is there a huge space between paragraph and ordered list?

I'm using CSS to customize my lists with image bullets. Preceding the list is a huge, unnecessary block of SPACE that I do not know how to rid of! My CSS for the lists: ol.content, li.content { list-style: url(myurlhere); margin-top: 0px; } p { margin-bottom: 0px; } HTML for list: <ol class="content"><li>stuff here</li> <li>stuff here</li> <li>stuff here</ol> It looks like this: This is text before list EMPTY SPACE HERE, MORE THAN 5 LINES - Here's the bullet - Here's another bullet

Public Comments

1. Change it to: ol.content, ol.content li { list-style: url(whatever); margin: 0px; } p { margin: 0px; }
2. I think you have made this far more complicated that it need be. Also because you speak of bullets, I assume you want to have an unordered list. All you need to do is to define the ul tag as below ul { list-style-position: outside; list-style-image: url(location of your image); list-style-type: none; } As the this construction shows the list type as none, you could just as well define it as the ol tag. However, using the first approach specifcally for the ul tag allows the use of the standard ol tag in other parts of your document. Of course the html coding is standard <ul> <li>Item one</li> <li>Item two</li> </li> You can see this in action at http://www.lewisborogov.com/forms/ HLF