From: Rod Castello [mailto:[email protected]] Sent: Wednesday, February 11, 2009 6:32 PM To: 'Els'; taestrada Cc: [email protected] Subject: Re: [css-d] Centering Navigation Bar Div
Rod Castello 11812 A Moorpark Street Studio City, CA 91604 (818) 437-7880 http://rodcastello.com --- On Wed, 2/11/09, taestrada <[email protected]> wrote: From: taestrada <[email protected]> Subject: Re: [css-d] Centering Navigation Bar Div To: "'Els'" <[email protected]> Cc: [email protected] Date: Wednesday, February 11, 2009, 8:45 PM -----Original Message----- From: Els [mailto:[email protected]] Sent: Wednesday, February 11, 2009 12:37 PM To: taestrada Subject: Re: [css-d] Centering Navigation Bar Div taestrada wrote: Then, I've noticed your :hover effect, is making the text bold. The problem is, that that makes the whole row 'dance' when hovering, as bold letters are wider than normal weight letters. I suggest using a different hover effect, such as a colour difference or a background colour, or an underlining. Anything that doesn't change the size of the letters. -- Els I forgot to mention, I completely agree with you on the bold hover effects, but my client is INSISTING on it. I've tried to talk her out of it! Alix Alix, I tried this in Firefox to lessen the "dancing text" during the hover effect. Haven't tried in any other browsers. Took the padding off of the li and placed it on the "a" and "a:hover". Works pretty well. #topnav li { font-size: 100%; display: inline; margin: 0px; } #topnav li a { display: inline; color: #FFF; text-decoration: none; font-weight: normal; line-height: 35px; vertical-align: middle; padding-right: 35px; padding-left: 35px; letter-spacing: 0.14em; } #topnav li a:hover { display: inline; color: #FFF; text-decoration: none; font-weight: bold; padding-right: 33px; padding-left: 33px; letter-spacing: 0.125em; } Rod Thanks Rod. I'm still going to try and talk her into something else! Alix ______________________________________________________________________ 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/ ______________________________________________________________________ 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/
