Previous Message
Next Message

Wierd behavior when changing font size on mouseover

Sent by Robert Hanson on 28 March 2005 21:09


Felix Miata [EMAIL-REMOVED]> wrote
<snip>
Yes, 76% is always too small for someone who has his default adjusted to
his preference as he should. It shouldn't be as small as my menu text:
http://members.ij.net/mrmazda/auth/defaultsize.html#note1
</snip>

The URL referenced discusses designers specifying the font size in their
documents, disregarding the default font size set by the user's browser.
The upshot: let users specify font sizes.

Here is the irony:  There is a hyperlink ("Setting up your browser page")
on the page that, when viewed on my monitor, is displayed on one line.  BUT
on a mouseover, the page author (through css) changes ths font-weight of
the link, which causes a change in font size, which causes the link to wrap
to the next line.

Of course, if your mouse is over the right end of this hyperlink, when the
wrap happens, it causes the mouse to no longer be over the byperlink (it's
just hovering over the page background) so the next tiny movement of the
mouse causes the browser to re-evaluate the hover; it determines that the
link is no longer hovered, and re-draws the link in the original font size,
putting it back on one line.... so that the next little mouse movement
causes it to be hovered, which breaks it into two lines again....  The net
effect is a rapid-fire flicker of the link from one-line to two-lines and
back, over and over.

By carefully resizing the width of the browser window, the effect can be
seen on other links in the same page.

Recommendation: don't change text size or weight in rules that have :hover
or :active.


Details:
IE 6.0, full width; 1024x768; text size set to "Larger".

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message