RE: [WSG] UL menu - gap and firstlink

[Andreas Boehmer [Addictive Media]]

 -Original Message-
 From: Richard Lake [mailto:[EMAIL PROTECTED] 
 Sent: Sunday, 13 February 2005 9:35 AM
 To: wsg@webstandardsgroup.org
 Subject: [WSG] UL menu - gap and firstlink
 it works fine in 
 Opera, Firefox
 and IE6, apart from a slight gap between the hovered link and 
 the next menu
 item's left border. 

It seems it is caused by the formatting of your HTML. If you write all your
LIs in one line with no spaces in between them the gap disappears. This is
weird - I thought only IE stuffed up like that, but FF seems to do it as
well.



**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**

Re: [WSG] UL menu - gap and firstlink

[Bert Doorn]

G'day
Apart from Andreas' suggestion, you could try setting a 
margin-right of -0.5em on #menu li

Also, to use first-child to remove the border of the leftmost 
item in the menu, try this (make sure it's inserted *after* your 
other #menu rules or it will be ignored):

#menu  li:first-child * { border-left: 0 none }
first-child will of course not work in MSIE PC, but is a thin 
border like that a big issue?

Some more ideas...
If you are only ever going to have one span element in your nav, 
why give it a class?  Apply the style to #menu span instead.

You could apply the same to the nav lists at the bottom of the 
page, so the page doesn't suffer from spanitis and classitis.

Regards
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fast-loading, user-friendly websites
**
The discussion list for  http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list  getting help
**

RE: [WSG] UL menu - gap and firstlink - fixed

[Richard Lake]

Thanks Andreas, deleting the blanks between the li's fixed the problem.
Thanks Bert, I've used your suggestion to decrease the spanitis and
classitis.
Richard


**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**