Gunnar Bittersmann: <li>-Punkt Farbe verändern

Beitrag lesen

@@apsel:

nuqneH

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

Quirksmodus??

ul {display: inline-block;}
li:hover {color: red;}
a {color: black;}
li:hover a {color: black;}

UI fail! Ein Hover-Effekt signalisiert dem Nutzer: hier kann er clicken, um eine Aktion (neue Seite) auszulösen. Befindet sich der Mauscursor innerhalb der li-Box, aber außerhalb der a-Box, ist der Hover-Effekt zu sehen, beim Click passiert aber nichts – schlecht.

Zwei Auswege aus dem Dilemma:
(1) Die a-Box so groß machen wie die li-Box:
    li a { display: block }
    Das ist aber kaum das, was man will.
oder
(2) Die li-Box so klein machen wie die a-Box (shrink to fit):
    li { clear: left; float: left }

Qapla'

--
Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
(Mark Twain)