Grafiken unterschiedlich umrahmen
Christian
- css
Hallo ;-)
Kurze Frage:
Ich möchte auf meiner Site Grafiken auf zwei Arten umrahmen lassen:
Steuern möchte ich das über ein externes CSS-File. Unter anderem steht da schon folgendes drin:
"a:link, a:visited, a:active {
color:rgb(66,130,203);
text-decoration:none}"
"img {border:1px solid rgb(0,0,0)}"
Im Moment werden noch alle Grafiken, ob verlinkt oder nicht, schwarz umrandet.
Wie kann ich hier definieren, dass verlinkte Grafiken die Eigenschaften "border:1px solid rgb(66,130,203)" erhalten sollen?
Danke! :-)
Grütze .. äh ... Grüße!
a img { .. }
Cü
Kai
Danke, war ja easy...
Aber IE machts nicht richtig! Funktioniert nur bei Firefox und Opera!
Mmmh... *Grummel*
Hi Christian!
Aber IE machts nicht richtig! Funktioniert nur bei Firefox und Opera!
Das kann auch der IE.
Richtig wäre also: Ich mache es nicht richtig! Wem oder was sei mal nebensächlich. ;-)
MfG H☼psel
Mh, und wie krieg' ich es nun hin, dass es auch beim IE so ausschaut???
Hi Christian!
Mh, und wie krieg' ich es nun hin, dass es auch beim IE so ausschaut???
Das hat dir Kai schon geschrieben!
MfG H☼psel
Grütze .. äh ... Grüße!
Mh, und wie krieg' ich es nun hin, dass es auch beim IE so ausschaut???
Mit "a img" funktioniert es [im Gegensatz zu "anständigen" CSS-Selektoren (+ > etc.)] auch im IE, es sei denn, es werden irgendwo spezifischere Regeln angewandt oder diese Regel wieder überschrieben (was evtl. auch reihenfolgenbedingt sein kann) also zuerst
img {
und danach erst
a img {
Cü
Kai
Hi,
Mit "a img" funktioniert es [im Gegensatz zu "anständigen" CSS-Selektoren (+ > etc.)] auch im IE, es sei denn, es werden irgendwo spezifischere Regeln angewandt oder diese Regel wieder überschrieben (was evtl. auch reihenfolgenbedingt sein kann) also zuerst
img {
und danach erst
a img {
Die zweite Regel hat eine hoehere Spezifitaet als die erste, egal ob sie vor oder hinter dieser steht.
MfG ChrisB