Matthew P. Johnson wrote:
I am trying to figure out how to eliminate the space between nav
options.
By removing the spaces. :-) I mean the space characters and other whitespace
(like line breaks) between the <a> elements.
http://peacetimemachine.com/ecoit/index.shtml
The page looks somewhat odd, because in the basic state, the navigation
items have the same content color as background color, i.e. they look all
blank.
Anyway, you have
<div id="inline-list">
<a href="http://www.ecoitsf.com";>Home</a>
<a href="who_uses_ecoit.shtml">Who Uses Eco IT</a>
etc., and you would need to write the <a> elements without any whitespace
between them, i.e. between </a> and <a ...> tags, e.g.
<div id="inline-list">
<a href="http://www.ecoitsf.com";>Home</a><a
href="who_uses_ecoit.shtml">Who Uses Eco IT</a><a
etc., if you really want to make the adjacent.
There's no good CSS way to tell that whitespace between words be ignored. A
trick like
#inline-list { word-spacing: -0.29em; }
would be unreliable, because the width of a space depends on the font and
may depend on other factors as well.
P.S. Check what happens if you view the page in a window that is, say, 800
pixels wide. You'll see that the navigation options are divided in two lines
in a manner that probably don't want. You may wish to consider setting
larger line-height for the <div> that contains them.
--
Yucca, http://www.cs.tut.fi/~jkorpela/
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
