[CSS] Onderstreep bij afbeelding weghalen!

Hoi allemaal,

Bij de werkzaamheden van mijn nieuwe website kom ik weer bij een nieuw probleem. Ik zal de forums van MacOSX.nl bij de bedankpagina zetten :smiley:
Als volgt, ik gebruik een ‘dashed’ streep bij links onder de link. Dit doe ik dmv:

[code:1:c1a4b56d9d]border-bottom: 1px dashed #kleur;[/code:1:c1a4b56d9d]
Als ik nu een link op een afbeelding zet, krijgt die afbeelding automatisch een dashed streep eronder!
Simpel op te lossen dacht ik, dus ik voeg dit aan mijn CSS bestand toe:

[code:1:c1a4b56d9d]img a:link, img a:visited, img a:hover, img a:active {
border: 0;
text-decoration: none;
}[/code:1:c1a4b56d9d]
Ook als ik de code voor een gewone img gebruik, dus zo:

[code:1:c1a4b56d9d]img {
border: 0;
}[/code:1:c1a4b56d9d]
heeft dat geen zin.
Kan iemand mij helpen?

Het is: [code:1:cff0bd72cf] a img { border : 0; }[/code:1:cff0bd72cf]

De img-tag komt immers na de a-tag :wink:

Ookal gebruik ik jouw code of deze: [code:1:e4baa35e79]a:link img, a:visited img, a:hover img, a:active img { border : 0; }[/code:1:e4baa35e79] De dashed streep blijft eronder...

Suggesties :oops: ?

er mankeert ook wat aan je ogen webj(?): tennapel geeft je een goed tip.

[quote:5d4e6b75f8="levski"]er mankeert ook wat aan je ogen webj(?): tennapel geeft je een goed tip.[/quote:5d4e6b75f8] Pardon? Mankeert er wat aan jouw ogen?

Ik zei in mijn vorige post: “ookal gebruik ik jouw code of deze:”

Die streep blijft eronder, die tip van tennapel werkt bij mij niet…

WebJ, post even een link s.v.p. Ik denk dat er ook een inheritance probleem is, maar dan moet ik de pagina zien.

[quote:41bc58e9d1="levski"]er mankeert ook wat aan je ogen webj(?): tennapel geeft je een goed tip.[/quote:41bc58e9d1]

Eikel!

Blijven we wel ff on topic heren? Ruzies vechten we maar lekker uit via PB :?

[quote:2fdf39a8c3="tennapel"]WebJ, post even een link s.v.p. Ik denk dat er ook een inheritance probleem is, maar dan moet ik de pagina zien.[/quote:2fdf39a8c3] PB is onderweg!

[quote:2fdf39a8c3]Ruzies vechten we maar lekker uit via PB[/quote:2fdf39a8c3]
Of in de Lounge :innocent:

Mijn oplossing werkt inderdaad niet, de border staat natuurlijk op de a-tag en niet op de img-tag.

De enige manier om dit in alle browsers goed te krijgen is door een class op de a-tag te zetten, iets in de zin van:

[code:1:d9a312768f]<a href="pagina.html" class="noborder"><img src="plaatje.jpg" /></a>[/code:1:d9a312768f]

en dan de CSS:

[code:1:d9a312768f]a.noborder { border : 0; }[/code:1:d9a312768f]

Ik wil niet lullig doen ofzo, maar dat werkt ook niet helemaal :cry: Ik heb het precies gedaan zoals jij zegt. Twee van de drie afbeeldingen op één pagina geven nog zo'n streep eronder aan, terwijl de derde afbeelding dat niet doet. Suggesties?

[code:1:b7bbb4bd3b]#inhoud a.noborder[/code:1:b7bbb4bd3b] Zal waarschijnlijk beter werken, omdat je met inheritance te maken hebt. Je hebt de a specifiek gedefinieerd onder #inhoud, dus moet je de meer specifiekere variant (alle a-tags onder de div inhoud met de class noborder) definieren.

Mijn dank ik groot. Hartstikke bedankt! Het werkt nu!