-----Original Message----- From: [email protected] [mailto:[email protected]] On Behalf Of Jukka K. Korpela Sent: Wednesday, March 02, 2011 11:05 PM To: [email protected] Subject: Re: [css-d] how to i remove space between horizontal nav opions?
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/ Thank you Jukka, I had no idea that a white space is created if there is space between the tags. The site is far from done. I had the background color set to white space I was referring to. Sincerely, Matthew ______________________________________________________________________ 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/
