[CSS] Abhängigkeit

Hallo,

ich habe das Gefühl, dass ich gerade irgendwo ganz gehörig auf dem Schlauch stehe. :-?

Links werden unterstrichen dargestellt. Bilder haben keinen Rahmen.
Verlinkte Bilder werden unterstrichen dargestellt, obwohl das durch die Vererbung im Stylesheet eigentlich nicht so sein sollte - oder? :confused:

* { margin: 0; padding: 0; outline: 0; border: 0; }
a, a:hover { text-decoration: none; border-bottom: 1px solid #000; color: #333; }
img, a img { border: 0; }

!important hat auch nichts verändert.
Weder die Bilder, noch die dazugehörigen Links gehören irgendeiner Klasse oder ID an, deren Eigenschaften das hier überschreibt, gibt auch keine Inline-Styles oder anderen Stylesheets.

Nanu?

Link zum Blog: http://eden-existiert.de/
Link zum Stylesheet: http://eden-existiert.de/wp-content/the…r2009/style.css

Hallo Monika,

danke für deine Antwort. :)

Klappt leider nicht. Wenn ich

img, a img { border-bottom:none; }

schreibe, wird links, rechts und oben eine Linie angezeigt und unten ebenfalls, allerdings mit leichtem Abstand, da die untere Linie ja nicht zum img-Tag, sondern zum a gehört.

img { border: none; }
a img { border-bottom:none; }

... führt zum gleichen Resultat wie vorhin - eine Linie unten.

*hmm*

Jetzt wird's wunderlich:
Im Firefox unter Mac taucht die besagte Linie sowohl auf der Startseite auf (bei diesem pinkfarbenen Foto da), als auch am Ende der Unterseite "me, myself & I" bei den Buttons. Im Safari allerdings wird die Linie bei den Fotos in Blogeinträgen nicht angezeigt, bei den Buttons aber sehr wohl. oO Cache habe ich geleert, verändert nichts.
Die Links sind gleich aufgebaut, sowohl die Start- als auch die Unterseite sind valide... oO

Weiter im Experiment:

img { border: none; } 
a img { border-bottom: 1px solid #f00;}

... führt dazu, dass zwei Linien erzeugt werden - eine rote direkt unterhalb des Bildes und eine schwarze wiederum darunter. Okay... es funktioniert also, die Chose über a img { border: wasauchimmer;} anzusprechen (sonst würde die rote Linie nicht hinzukommen) - der vom a-Tag erzeugte Strich bleibt trotzdem da. Wenn ich dessen Werte ändere, wirkt sich das auch auf die besagte Linie aus, es kommt also daher.
Schade, dass es afaik in CSS keine Elternbeziehungen gibt, so nach dem Motto "kein Strich, wenn a Kindelemente besitzt". Mhh.

Viele Grüße
neontrauma

Moin,

ja, das ist klar. Nur sollen ja innerhalb eines Absatzes sowohl verlinkte Bilder, als auch Textlinks stehen können, bei denen aber nur letzere diesen Rahmen haben sollen. Durch deine Anweisung wird der Rahmen ja für alle Links entfernt.
Mh, ich könnte schwören, ich hab das sicher schon mal irgendwo gelöst, so exotisch ist das Problem ja nun eigentlich nicht. oO

Viele Grüße
neontrauma

Hallo,

natürlich wäre es eine theoretische Möglichkeit, eigens Klassen anzugeben - was aber anbetrachts von 400 Einträgen nicht gerade praxistauglich ist... ;)

Hab das Ganze jetzt doch gelöst bekommen. :idea: text-decoration heißt das Zauberwort. Eigentlich bevorzuge ich ja die border wegen der erweiterten Formatierungsmöglichkeiten wie etwa eine andere Farbe für den Strich als für den Linktext etc., aber nun gut.
Standardmäßig bekommen Textlinks ja eine text-decoration: underline; und Bilder einen Rahmen. Setzt man für a keine weiteren Angaben und setzt die Rahmenfarbe der Bilder auf die der Hintergrundfarbe... hat man das gewünschte Ergebnis: unterstrichene Textlinks, nicht unterstrichene Bilder. Io triumphe. \o/

Viele Grüße
neontrauma