@@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)
Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
(Mark Twain)