<a><img>text</a> und underline

Philidor · 28. Feb. 2011

Hallo miteinander,

vielleicht habe ich ja einen Knoten im Kopf aber...
Wie bekomme ich es zustande, dass beim folgenden Text bei hover nur der Text unterstrichen wird?

<a><img>text</a>

Derzeit wird durch css a:hover { text-decoration: underline } auch das Bild unterstrichen, was nicht so prickelnd aussieht.

Besten Dank

Junkee[] · 28. Feb. 2011

Code:

a:hover { text-decoration: underline }
a:hover img  { text-decoration: none; }

?

Philidor · 28. Feb. 2011

Junkee[] schrieb:
Code:

a:hover { text-decoration: underline } a:hover img { text-decoration: none; }

?

Der Meinung war ich auch, klappt aber nicht..

kkapsner · 01. März 2011

Warum sollte das auch klappen - das a wird trotzdem noch unterstrichen..

Code:

<!DOCTYPE html>

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Fenstertitel</title>
<style type="text/css">
a:hover span {text-decoration: underline;}</style>
</head>
<body>
<a><img src="/1.jpg" height=50><span>text</span></a>
</body>
</html>

<a><img>text</a> und underline

Philidor

New member

Junkee[]

Lounge-Member

Philidor

New member

kkapsner

Super Moderator