Dienstag, 28. November 2006
problem mit bildlink in css
hallo!
vielleicht kann mir jemand helfen:
ich hab in meinem nigelnagelneuen blog das css fein getuned und an meine bedürfnisse angepasst. die textlinks im content werden beim hover-ereignis gepunktet unterstrichen. soweit so schön. doch nun hab ich das problem, dass auch alle bilder als links mit diesem unterstrich versehen werden, und genau das ist das problem, denn eigentlich hatte ich zusätzlich den img-tag neudefiniert, sodass es keine unterstreichung gibt. nun, das klappt aber nicht :/
gibt es eine bestimmte reihenfolge in der ich die verschiedenen elemente definieren muss, oder gibts da einen anderen trick?
danke schonmal im voraus! =)
vielleicht kann mir jemand helfen:
ich hab in meinem nigelnagelneuen blog das css fein getuned und an meine bedürfnisse angepasst. die textlinks im content werden beim hover-ereignis gepunktet unterstrichen. soweit so schön. doch nun hab ich das problem, dass auch alle bilder als links mit diesem unterstrich versehen werden, und genau das ist das problem, denn eigentlich hatte ich zusätzlich den img-tag neudefiniert, sodass es keine unterstreichung gibt. nun, das klappt aber nicht :/
gibt es eine bestimmte reihenfolge in der ich die verschiedenen elemente definieren muss, oder gibts da einen anderen trick?
danke schonmal im voraus! =)
Da Sie Ihr Blog noch nicht öffentlich geschaltet haben, lässt sich nur vage vermuten, was Sie meinen.
Das Problem könnte darin liegen, dass der Unterstrich nicht vom IMG-Element gesteuert wird, sondern vom umschließenden A-Element. Dummerweise unterstützen die meisten Browser noch keine der neueren CSS-Selektoren, mit denen sich eine Vorschrift wie "unterstreiche keine Links, deren Inhalt ein Bild ist" festlegen ließe.
Im Moment kann ich nur empfehlen, Bildlinks mit einer eigenen Klasse zu versehen (z. B.
Das Problem könnte darin liegen, dass der Unterstrich nicht vom IMG-Element gesteuert wird, sondern vom umschließenden A-Element. Dummerweise unterstützen die meisten Browser noch keine der neueren CSS-Selektoren, mit denen sich eine Vorschrift wie "unterstreiche keine Links, deren Inhalt ein Bild ist" festlegen ließe.
Im Moment kann ich nur empfehlen, Bildlinks mit einer eigenen Klasse zu versehen (z. B.
<a href="blabla.gif" class="imglink"><img ...></a>) und dann eine eigene Regel für .imglink im CSS zu formulieren, die text-decoration bzw. border-bottom auf none bzw. 0 setzt (je nachdem, womit sie unterstreichen).
blue sky, 28. Nov 2006, 15:10
| link
vielen dank für die fixe antwort!
border-bottom habe ich sowohl im css (eigene klasse + img-tag) auf none gesetzt, als auch testweise beim einbinden des bildes an sich..
nochmal: es gibt keine festgelegte reihenfolge der klassen, die ich einhalten müßte?
ps: meine seite mag ich noch nicht veröffentlichen solange sie nicht fertig ge-cssd ist, da bin ich eigen ;)
border-bottom habe ich sowohl im css (eigene klasse + img-tag) auf none gesetzt, als auch testweise beim einbinden des bildes an sich..
nochmal: es gibt keine festgelegte reihenfolge der klassen, die ich einhalten müßte?
ps: meine seite mag ich noch nicht veröffentlichen solange sie nicht fertig ge-cssd ist, da bin ich eigen ;)
oppenheimer, 28. Nov 2006, 15:40
| link
Hinter dem Link ist die Reihenfolge beschrieben: "später notierte Selektoren überschreiben vorangegangene".
Ich würde mich allerdings wundern, wenn das in Ihrem Fall hilft. Wie gesagt, ein Setzen von "border-bottom:0" auf <IMG> verhindert nicht das "border-bottom" des umschließenden <A>.
Ich würde mich allerdings wundern, wenn das in Ihrem Fall hilft. Wie gesagt, ein Setzen von "border-bottom:0" auf <IMG> verhindert nicht das "border-bottom" des umschließenden <A>.
hat leider nicht funktioniert.
aber davon mal abgesehen, habe ich grad festgestellt, dass
mein gewünschtes layout nur in opera(9) und firefox läuft,
der doofe iexplore (6) zerhaut jede interessante idee, die ich umsetzen wollte *grr*
danke nochmal!
aber davon mal abgesehen, habe ich grad festgestellt, dass
mein gewünschtes layout nur in opera(9) und firefox läuft,
der doofe iexplore (6) zerhaut jede interessante idee, die ich umsetzen wollte *grr*
danke nochmal!
oppenheimer, 28. Nov 2006, 17:03
| link
... kommentieren
