Felix Riesterer: Grafik als Verweis bei hover nicht unterstreichen

Beitrag lesen

Liebe(r) Ich,

<div id="logo"><a href="/"><img src="logo.png" width="73" height="62" alt="Logo"></a></div>

ich hoffe mal, dass Dein Code eine starke Verkürzung sein soll, denn warum Du hier ein <div> benutzt, anstatt einen anständigen Textabsatz, will sich mit nicht erschließen. Was spricht eigentlich gegen folgenden Code?

<p id="logo"><a href="/"><img src="logo.png" alt="Logo" /></a></p>

So, nun zu Deinem Darstellungsproblem. Dein Bild wird "unterstrichen", wenn man es hovert. Das ist eine Eigenschaft, die mit Links zu tun hat. In Deinem momentanen Fall gilt wohl das hier:

a:hover { text-decoration: underline; }

Da Du dieses bei Deinem Logo-Link nicht haben willst, brauchst Du dieses:

#logo a:link { text-decoration: none; }

Das funzt für Deinen Code (wenn Du ein ehrliches <p> anstatt eines verlogenen <div> benutzt), da grundsätzlich die Unterstreichung in Links innerhalb des #logo-Elements deaktiviert wurde.

Sollte ich mich irren und die Ursache eben keine Unterstreichung, sondern ein Rahmen (unten) sein, dann musst Du die CSS-Regel entsprechend anpassen und das text-decoration durch eine border-Regel ersetzen.

Für zukünftige Anfragen hier empfehle ich Dir mehr Sorgfalt bei der Wahl Deines Themas (und des Themenbereichs). Ich habe beides für Dich in meiner Antwort angepasst.

Liebe Grüße,

Felix Riesterer.

--
ie:% br:> fl:| va:) ls:[ fo:) rl:° n4:? de:> ss:| ch:? js:) mo:} zu:)