CSS Frage - Border a / img

Webdesign & Technik HTML & CSS
1

hi zusammen

ich habe in meinem design folgenden code (natürlich noch mehr):

[code]
#inhalt a{
font-family: Verdana;
font-size: 0.96em;
color: black;
text-decoration: none;
border-bottom: 1px black dotted;
}

#inhalt a:hover{
border-bottom: 1px black solid;
}

img{
border:none;
}[/code]
mein problem ist nun, dass wenn ich ein bild verlinke nun doch ein rahmen da ist. ich habe
bis jetzt noch nie eine möglichkeit gefunden, z.B. den img-tag vom rahmen auszuschliessen.

gibt es irgendwie eine möglichkeit, dass nur text-links einen rahmen (border-bottom, siehe
oben) erhalten, bilder jedoch nicht? wär cool, wenn da was wäre.

ich hab schon einige dinge mit meiner css-datei herumexperimentiert, aber leider bin ich
dabei nicht auf den grünen zweig gekommen…

greez,
mmemichi

2

CSS hat keinen Selektor vom Typ ‘hat Kindelement sowieso’,
daher müßtest du da was am Quelltext ändern, etwa dem
a-Element ein class-Attribut mit entsprechendem Wert
verpassen.

<a … class=“MitBild”><img … >

#inhalt a:hover{
border-bottom: 1px black solid;
}

#inhalt a.MitBild:hover{
border-bottom: none;
}

3

hi,

ah super, danke! hat so funktioniert :wink:

greez,
mmemichi