everisk Posted September 25, 2009 Share Posted September 25, 2009 Hi, When use list element there is always a wide space after the bullet point, something like * [blah blah]. How to control the space after the bullet? I have tried padding: 0; margin: 0; but to no success. Below is a part of my CSS and HTML. HTML ===== <div id="divid"> <ul><li>blah 1</li> <li>blah2</li> </ul> </div> CSS ===== #divid ul { padding: 5px 0px 0px 0px; margin: 0px 0px 0px 10px; } #divid ul li { list-style-image: url(../images/bullet_blue.gif); margin: 0; padding: 0; } [attachment deleted by admin] Quote Link to comment Share on other sites More sharing options...
everisk Posted September 25, 2009 Author Share Posted September 25, 2009 Oh forgot to mention that the space looks wide only in Firefox. In IE it looks much closer. Thanks! Quote Link to comment Share on other sites More sharing options...
jcombs_31 Posted September 25, 2009 Share Posted September 25, 2009 Do you already have some css defined for lists other than this one? Seems as though you may be inheriting some properties. Quote Link to comment Share on other sites More sharing options...
everisk Posted September 27, 2009 Author Share Posted September 27, 2009 I dont have a general css defined for lists such as ul { ... } or li { ... } but I do have some other css defined for other div id. I'l try to go through and check for inheritance. If anyone has other ideas .. please feel free Thanks! Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.