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!
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!