O
Oli Filth
I'm using a list with inline <LI>s to create a horizontal nav-bar.
Take a look at the following test-page (not in IE):
http://olifilth.co.uk/28.htm
In the first example, each <LI> is defined on a separate line of the
HTML file, but because browsers (are supposed to) interpret newlines,
etc. as whitespace, a space character is inserted after every item,
causing the nav-bar to look messy.
i.e.:
<UL>
<LI>Home</LI>
<LI>Events</LI>
...
</UL>
The second example eliminates this problem, but only by placing all <LI>
items one one line of HTML code.
i.e.
<UL>
<LI>Home</LI><LI>Events</LI>...
</UL>
This is manageable in this example, but in the real version I have about
10 nav items, each inside an <A href="..."></A> with a reasonably long
URI. Do I really have to put the whole lot on one line of HTML if I want
to eliminate these whitespace characters?
Take a look at the following test-page (not in IE):
http://olifilth.co.uk/28.htm
In the first example, each <LI> is defined on a separate line of the
HTML file, but because browsers (are supposed to) interpret newlines,
etc. as whitespace, a space character is inserted after every item,
causing the nav-bar to look messy.
i.e.:
<UL>
<LI>Home</LI>
<LI>Events</LI>
...
</UL>
The second example eliminates this problem, but only by placing all <LI>
items one one line of HTML code.
i.e.
<UL>
<LI>Home</LI><LI>Events</LI>...
</UL>
This is manageable in this example, but in the real version I have about
10 nav items, each inside an <A href="..."></A> with a reasonably long
URI. Do I really have to put the whole lot on one line of HTML if I want
to eliminate these whitespace characters?