1 reply [Last post]
shazam-fu
Offline
newbie
Last seen: 16 years 44 weeks ago
Joined: 2004-01-30
Posts: 7
Points: 0

I'm working on this site: http://www.lshd.com/client/mmlisi/new
I'm having problems with my bulleted lists. There are bulleted lists on index.htm, corporate.htm, and business.htm.

This is what I'm using to make the lists on corporate & business appear flush to the left:
ul#flush{ display: inline;}

This is what I'm using for the list on index.htm (it uses blue boxes instead of bullets):
ul#square{display: inline;
list-style-image: url(img/square.gif);}

For some reason there is a tab or something between the first bullet & the text that follows. This is happening on every list. Have you seen this before? Is there anything I can do?

I tried using display: inline-block but that takes away the markers (and the whole list indented). I'm not sure what else to try.

Thanks!

shazam-fu
Offline
newbie
Last seen: 16 years 44 weeks ago
Joined: 2004-01-30
Posts: 7
Points: 0

fixed

I figured out how to fix this problem. If anyone else has the same problem, you need to add some code for margins so it looks like this:

ul#flush{
display: inline;
margin-left: 0px;
margin-top: 0px;
}

Then the first list item will align with all the others.

Shazam!