Previous Message
Next Message

suckerfish issue]

Sent by Tekin Suleyman on 13 September 2005 10:10


Thanks, this has solved the problem but has created a new one. Now a gap
appears between the list item with the sub list and the next item in IE.
I've Spent the morning trying to get rid of this gap but with no
success.

Updated page is here: http://www.boxivity.co.uk/test/main-template.html


-----Original Message-----
From: [EMAIL-REMOVED]
[EMAIL-REMOVED]] On Behalf Of Ray Mike Troy
Pello
Sent: 13 September 2005 04:33
To: [EMAIL-REMOVED]
Subject: [Fwd: Re: [css-d] suckerfish issue]


I had some problems with this the other day. This happens because the 
margins between the list items, which did not track the mouse when 
hovered at it. The quick solution is to have the border on the 
ul#mainnav li a instead on the ul#mainnav li. This would make the border

part of the <a> which can detect mouseovers.

ul#mainnav li a {
    display: block;
    margin: 0;
    padding: 4px;
    padding-top:5px;
    padding-left:30px;
    background: #9FCC29 url(/images/menu-star.gif) no-repeat left top;
    font: bold 11px tahoma, sans-serif, arial;        /* If you get an 
unwanted gap after your a block (IE-Win) try increasing the line 
height        */
    color: #071B64;
    text-decoration: none;
    width: 131px;                /*     Causes Problems in IE5-Mac and 
Netscape/Mozzilla - see next fix        */
    border-bottom: 2px solid #fff; /***** Change is here *****/ }

Hope this helps


______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread: