Philipp.: display:block erzeugt Absatz bei a:hover

Beitrag lesen

SELF-Forum

display:block erzeugt Absatz bei a:hover

Philipp.
– Informationen zu den Bewertungsregeln

Hoi,

ich habe folgenden Code:

  
<html>  
  <head>  
    <style type="text/css">  
      body        { background-color:#FAFAFA; }  
      a:link      { color:#000; font-family:Verdana; text-decoration:none; font-size:10px; }  
      a:visited   { color:#000; font-family:Verdana; text-decoration:none; font-size:10px; }  
      a:hover     { color:#FFF; background-color:#39f; font-weight:bold; text-decoration:none; display:block; font-family:Verdana; font-size:10px; }  
      a:active    { color:#FFF; background-color:#39f; text-decoration:none; display:block; font-family:Verdana; font-size:10px; }  
    </style>  
  </head>  
  
  <body>  
  
    <div>  
      <a href="">Linktext</a><br>  
      <a href="">Linktext</a><br>  
      <a href="">Linktext</a><br>  
      <a href="">Linktext</a><br>  
      <a href="">Linktext</a><br>  
      <a href="">Linktext</a><br>  
      <a href="">Linktext</a><br>  
      <a href="">Linktext</a><br>  
      <a href="">Linktext</a><br>  
    </div>  
  
  </body>  
</html>

Wenn man mit der Maus über die Links fährt, bekommt man immer eine "Leerzeile" zwischen dem aktuellen/gehoverten Link und dem nächsten, was etwas doof aussieht.

Lässt sich das beheben?

Beitrag melden
–
Informationen zu den Bewertungsregeln