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

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

  1. display:block erzeugt Absatz bei a:hover

    Philipp.
    – Informationen zu den Bewertungsregeln

    "display:inline" sollte mir helfen xD

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. display:block erzeugt Absatz bei a:hover

      Der Martin
      – Informationen zu den Bewertungsregeln

      Hallo,

      "display:inline" sollte mir helfen xD

      ja eben, und da das auch das Default-Verhalten für ein a-Element ist, kannst du diese Angabe auch gleich weglassen.
      Ich hatte mich schon gewundert, warum du bei :hover ein display:block haben wolltest. Sehr merkwürdig.

      Davon abgesehen: Warum möchtest du deine Liste von Links nicht als solche auszeichnen?

      So long,
       Martin

      --
      "Life! Don't talk to me about life!"
        (Marvin, the paranoid android in Douglas Adams' "The Hitchhiker's Guide To The Galaxy")
      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

  2. display:block erzeugt Absatz bei a:hover

    Beat Homepage des Autors
    – Informationen zu den Bewertungsregeln

    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?

    Zuerst das Übel an der Wurzel bekämpfen und deine Linkliste auch als Liste auszeichenen mit <ul>.

    mfg Beat

    --
    ><o(((°>           ><o(((°>
       <°)))o><                     ><o(((°>o
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln