Links gepunktet unterstreichen, außer wenn img darin ist

[Der_Manuel]

Hallo,
ich möchte, dass Links in meinem HTML-Dokument gepunktet unterstrichen sind:

a { text-decoration: none; border-bottom: 1px dotted blue;}

Soweit so gut. Wenn ich jetzt aber Bilder in meinen Links habe werden diese natürlich auch unterstrichen, da ein a-Tag drum herum ist:
<a href="anyhere"><img src="anyimage" /></a>

Gibt es da irgendeinen Weg dies zu verhindern?

Für Tipps bin ich sehr dankbar!
Manuel

[bleicher]

Grüße,

Gibt es da irgendeinen Weg dies zu verhindern?

a img {
border:0px;
}

oder

a > img {
border:0px;
}

MFG
bleicher

[Der manuel]

a img {
border:0px;
}

oder

a > img {
border:0px;
}

Das war auch mein erster Gedanke, aber das funktioniert nicht, denn der Rahmen ist ja um den a-Tag und nicht um den img-Tag.

[MudGuard]

Hi,

a { text-decoration: none; border-bottom: 1px dotted blue;}

Soweit so gut. Wenn ich jetzt aber Bilder in meinen Links habe werden diese natürlich auch unterstrichen, da ein a-Tag drum herum ist:
<a href="anyhere"><img src="anyimage" /></a>

Es gibt in CSS keine Möglichkeit, Elemente anhand deren Kindern zu selektieren.
Wenn die betroffenen Bild-Links nicht über die Vorfahren zu selektieren sind, gibt es keine Möglichkeit ohne Änderung des HTML-Codes (z.B. class für die betroffenen Links).

Die border für a img anders zu setzen kann nicht helfen, da das nur die border um das img setzt, die des Eltern-Elements a aber unbeeinflußt läßt.

cu,
Andreas

[Manu]

Hallo,

eine Lösung wäre:

a { text-decoration: none; border-bottom: 1px dotted blue;}
a.noBorder { text-decoration: none; border:0;}

<a class="noBorder" href="anyhere"><img src="anyimage" /></a>

***nicht getestet***

Gruß,
Manu