Web Development

General discussion


CSS rollovers: Why you should use them

By MaryWeilage Editor ·
This week's Design and Usability Tactics e-newsletter outlines why the author thinks developers should be using CSS rollovers.

Are you using CSS rollovers? If not, do you think this column makes a persuasive case for why you should? If you're already using CSS rollovers, how has it enhanced the interactivity of your Web pages? Share your experiences.

If you aren't already subscribed to the Design and Usability Tactics e-newsletter, visit our e-newsletter subcenter to sign up for this free TechMail today:

This conversation is currently closed to new comments.

Thread display: Collapse - | Expand +

All Comments

Collapse -

nice technique, but use carefully

by AuntieReb In reply to CSS rollovers: Why you sh ...

The standard rollover effect on our website is to "bold" the link. Most of the time this is quite effective. However, if the link is in the middle of a paragraph, and happens to fall at the end of a line, there's a good chance that switching to bold will push the link to the next line, in which case it isn't under the mouse cursor anymore, so it unbolds and returns to its previous position, where the mouse still is because there hasn't been time to move it, so it bolds and drops, and unbolds and returns.... The flicker effect is quite disconcerting even if one knows what's happening.

Rewriting the paragraph is one option, but with proportional font sizing for accessibility purposes, there's no real control over where the link might actually fall on a line. I hadn't thought of tweaking the background color instead; will have to run that by the powers that be. I'd imagine one would have to be careful with the padding as well or similar problems could occur.

Related Discussions

Related Forums