Latest Lists

extra space due to ordered & unordered lists in web design?

Hi I am a website designer. I face a problem many times in Order Lists and Unordered Lists. When I use these, there is a extra space visible above and below list items. How can I remove that extra space using CSS? Is there any other way so using lists does not disturb the design? Thanks GoogleToolsFree.com

Public Comments

1. Have you tried adjusting the margins and padding?
2. Use the line-height property. Also the firebug extension is a great tool to use when working with CSS and Firefox. Google Chrome has similar extensions now.
3. Using a reset css will erase all the default browser formatting on your page elements and lets you start with a blank slate, just make sure you style EVERYTHING on your own. Yahoo makes a good one that I include in every site I ever code: http://developer.yahoo.com/yui/3/cssreset/ The other guy is right too, Firebug is an excellent Firefox plugin to help you code your site.