hover im 2-zeiligen Navigations-Listenelement
Daniel#
- css
Hallo!
In meiner mit CSS gebauten Navi hebe ich die Listenelemente so hervor:
#subnav a { color: #0050A0; text-decoration: none; }
a:visited { color: #0050A0;}
<!-- hier wirds interessant -->
a:hover { color:#00AFFF; border-width:1px; border-style:solid; border-color:red; padding:10px;}
<!-- -->
a:active {color:#00AFFF; }
HTML dazu:
<dl id="subnav">
<dt><a href="index.php">Home</a></dt>
<dt><a href="index.php">Zweiiiiiiiiiiiii Wöööörter</a></dt>
...
</dl>
Weil ich die Navigation in der Breite begrenzt habe, wird ein zu langer Eintrag umgebrochen. Problem dabei ist, dass der hover-Rahmen dann nicht mehr um den gesamten Eintrag sitzt, sondern jeweils um "Zweiiiiiiiiiiiii" und "Wöööörter".
Hat jemand eine Idee, wie ich das lösen kann?
hi,
<dl id="subnav">
<dt><a href="index.php">Home</a></dt>
<dt><a href="index.php">Zweiiiiiiiiiiiii Wöööörter</a></dt>
...
</dl>
Reichlich ungewöhnlich, eine Navigation derart auszuzeichnen.
Wo ist denn eigentlich die DD zu deinen DT?
Weil ich die Navigation in der Breite begrenzt habe, wird ein zu langer Eintrag umgebrochen. Problem dabei ist, dass der hover-Rahmen dann nicht mehr um den gesamten Eintrag sitzt, sondern jeweils um "Zweiiiiiiiiiiiii" und "Wöööörter".
Ja, wie bei inline dargestellten Elementen üblich.
gruß,
wahsaga
Reichlich ungewöhnlich, eine Navigation derart auszuzeichnen.
Welchen Lösungsansatz hättest du denn, um ein Navigation mit Unterpunkten zu realisieren?
Wo ist denn eigentlich die DD zu deinen DT?
DD gibts auch, hatte ich der Übersicht wegen weggelassen
Ich habe es jedenfalls jetzt mit display:block; gelöst.