Daniel Kessler wrote:
> http://sph.umd.edu/events/wellness2/template.html
> The navigation menu has padding between the <li>s. Because of this,
> when I rollover the <li>, it doesn't highlight the text (black) for a
> few pixel from each side.
> Any suggestions for making this work consistently? I've checked
> Firefox Mac and Safari so far.
Hi Daniel,
This should help. Explanation follows code.
#side li {
color: #FFF; /* - REMOVE [1] */
padding: .25em; /* - REMOVE [2] */
}
#side li:hover {
background: #F3E0A8; /* - REMOVE [3] */
color: #000; /* - REMOVE [4] */
}
#side li a {
background-color: #CCA349; /* + ADD [5] */
color: #FFF;
display: block;
padding: 0.25em; /* + ADD [6] */
text-decoration: none;
}
#side li a:hover {
background: #F3E0A8; /* + ADD [7] */
color:#000000;
}
[1] Redundant - Already in anchor style.
[2] Moved to 6.
[3] Moved to 7.
[4] Redundant - Already in anchor hover style.
[5] Just good practice when specifying color.
[6] From LI style.
[7] From LI:hover style.
Hope it helps.
--Bill
--
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
TheHolierGrail.com | MacNimble.com | Cyber-Sandbox.com | Anytowne.com
Bill Brown, Web Developer - "From dot concept to dot com since 1999"
"The intuitive mind is a sacred gift and the rational mind is a
faithful servant. We have created a society that honors the servant and
has forgotten the gift. -- Albert Einstein
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
______________________________________________________________________
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/
