Bold on hover displaces text

liunx

Guest
I am using a small text horizontal menu bar for navigation. I want to use a:hover to make the link(s) bold when moused over but as the given link becomes bold, the rest or the links are displaced by a couple pixels to account for the new size. Is there any easy way to fix this problem?

Thanks.Could you show me the web page the menu bar is on?Sanim - I PM'd you the address cause I don't have much bandwidth and am just starting to design the site. Looking forward to your reply.

thanks.I am using a small text horizontal menu bar for navigation. I want to use a:hover to make the link(s) bold when moused over but as the given link becomes bold, the rest or the links are displaced by a couple pixels to account for the new size. Is there any easy way to fix this problem?
Only if you can find a font-family that everyone has that has bold characters the same width as normal ones. I can tell you right now you're not going to find one....so wait is the text like
Link1 | Link2 | Link 3
and then when you mouse over
Link1 | Link2 | Link3?If you use a mono-spaced font for this, you might not have this problem, but then you might not like the look of the font.You can make the menu items display:block;float:left and give them a width large enough to prevent this, too.I got your PM. Check my reply and see if it helps at all.
 
Back
Top