Question

currently when I code a list I do this:

<ul><!--
   --><li><a href="" title="">something</a></li><!--
   --><li><a href="" title="">something</a></li><!--
   --><li><a href="" title="">something</a></li><!--
   --><li><a href="" title="">something</a></li><!--
   --><li><a href="" title="">something</a></li><!--
   --><li><a href="" title="">something</a></li><!--
   --><li><a href="" title="">something</a></li><!--
--></ul>

    <ul><!--
    --><li><a title="" href="">something</a><!----></ul>

but on much larger websites with much much more complicated navigation menu’s this isnt practical and the code looks scattered etc….. does anyone know of a way to get rid of the white space and keep clean looking code.. I thought I might ask just encase… this bothers me every site..

sorry for a bad example its hard to format properly here..

Thanks for your replies, this was a general interest type post…
Im gonna try Ahsan Rathod’s and DanialB’s replies….

Im affraid our clients still use this browser (IE6) so we have to use this dusty ol’browser.

next time ill post css, this time I didnt this it was worth it as I assumed everyone probly coded for IE6 at somepoint and came across this…

Thanks again for all your replies though..

Answer 1

White spaces would only be rendered in lists, if you style the list items as inline elements. You could use floating blocks instead and no white spaces will occur.