Previous Message
Next Message

Problem with background color change on hover

Sent by cj on 28 March 2006 21:09


delete the padding from you <li>, as this is going to make the links
not fill the entire <li> area.  then change your link code to:

#navigationlinks li a {
	display: block;
	padding: 4px;
	}

this will give you the padding you took off the <li>, and it will make
the link a block element, which means it will fill the entire <li>
area.  be sure you take out the width declaration here, or its width
will be "100% + 4px + 4px".  be warned your "home" non-link might need
its own class so that you can give it padding somewhere to match the
links.

of course this doesn't work with ie.  if i remember right, giving the
links layout will fix it for ie.  an example would be:

	/* bs hoop for ie \*/
	* html #navigationlinks li a {height: 0;}/* */
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
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: