Nicht jedes link-objekt auswählen

[Christian]

Hallo,
ich habe folgendes Problem:
Ich wollte meine links, also <a> Elemtene über CSS gestallten. Dazu habe ich ihnen über border-bottom: einen individuelle Unterstreichung verpasst.
Funktioniert auch perfekt, allerdings werden nun logischerweise auch meine verlinkten Bilder genauso unterstrichen.
Wie schaffe ich es, daß mein css zwar auf alle <a>....</a> aber nicht auf <a><img>....</img></a> wirkt?
Vielen Dank
Gruß
Christian

[Malcolm Beck´s]

hi,

Wie schaffe ich es, daß mein css zwar auf alle <a>....</a> aber nicht auf <a><img>....</img></a> wirkt?

Ich versuche es mal mit raten.

Du hast bisher:

<a>Text</a>

a { border-bottom:1px solid #irgendwas }

Jetzt möchtest du <a><img /></a> einen anderen border verpassen, wie müsste das CSS dafür aussehen?

<a><img /></a>

a { border:0 none }

Stichwort: Nachfahrenselektor

mfg

[Christian]

hi,

Wie schaffe ich es, daß mein css zwar auf alle <a>....</a> aber nicht auf <a><img>....</img></a> wirkt?

Ich versuche es mal mit raten.

Du hast bisher:

<a>Text</a>

a { border-bottom:1px solid #irgendwas }

Jetzt möchtest du <a><img /></a> einen anderen border verpassen, wie müsste das CSS dafür aussehen?

<a><img /></a>

a { border:0 none }

Stichwort: Nachfahrenselektor

mfg

Hallo,

danke für Deine Antwort, aber ich denke, daß ich hier mit Nachfolgeselektoren nicht wirklich weiterkomme, denn es handelt sich ja bei dem Link-Element um einen Vorfahren.....
Per Nachfolger oder Kind bekäme ich das hin wenn es irgendwie so aussehen würde: <img><a>Test</a><img>
Oder wie sollte Deiner Meinung nach der css-Code aussehen?

Gruß
Christian

[Malcolm Beck´s]

hi,

vermeide Bitte TOFU und lasse nur die Abschnitte im Text, auf die du dich beziehst.

aber ich denke, daß ich hier mit Nachfolgeselektoren nicht wirklich weiterkomme, denn es handelt sich ja bei dem Link-Element um einen Vorfahren.....

Stimmt, sorry, ich hatte in die falsche richtung gedacht. Ich ging davon aus, das du den Blauen Rahmen um die Bilder weghaben möchtest.

Der einzige Tipp wäre, eine Klasse für die Links schreiben, in denen ein Bild ist.
Oder eine Globale Klasse, die könnte auch an anderer stelle nützlich sein.

<a class="no_border"><img /></a>

a.noborder { border:0 none }

mfg

[Struppi]

<a><img /></a>

a { border:0 none }

Stichwort: Nachfahrenselektor

Also so:
a img{ border:none }

Struppi.

[Malcolm Beck´s]

hi,

<a><img /></a>
a { border:0 none }

Also so:
a img{ border:none }

Eigentlich schon, aber nicht in diesem Fall, ich hatte da was falsch verstanden.

a {border:5px solid #000}  
a img {border:0 none}

Das zweite entfernt nur den border um das bild, nicht aber das von a.

mfg