Daniel#: hover im 2-zeiligen Navigations-Listenelement

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?

  1. 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

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }
    1. 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.