Hintergrund bei Bild-Link anders färben

[doni]

Hallo

es handelt sich um ein Problem auf der folgenden Seite:
http://telltec.ch/

und zwar unter "guestbook".

also ich habe da ja mein stylesheet das definiert, das bei links im #content der hintergrund pink gefärbt wird:

#content a:link, #content a:visited{
padding: 1px;

color: #fff;
font-style: italic;
background-color: #FF5EAA;
text-decoration: none;
}

nun habe ich im gästebuch aber ein bild als link (das email-briefchen), das keinen pinken hintergrund haben sollte.

ich habe das versucht so anzugeben:

#guestbook a img, #guestbook img a:link, #guestbook img a:visited, #guestbook img a:hover, #guestbook img a:active{
border: 0;
background-color: #fff;
}

das hat aber nicht funktioniert.

weiss jemand wie ich das korrekt machen müsste?

vielen dank
doni

[max]

kannst du dem Link bzw. dem Bild nicht direkt eine eindeutige id geben und dann darüber ansprechen?

Max

[doni]

kannst du dem Link bzw. dem Bild nicht direkt eine eindeutige id geben und dann darüber ansprechen?

Hallo Max

ja das kann ich schon, aber das würde "mehr" code erzeugen. wäre einfacher wenn es so geht. müsste es eigentlich auch denke ich.

gruss und dank
doni

[MudGuard]

Hi,

es handelt sich um ein Problem auf der folgenden Seite:
http://telltec.ch/
und zwar unter "guestbook".

Also unter http://telltec.ch/index.php?site=Guestbook.

#content a:link, #content a:visited{

Das formatiert unbesuchte und besuchte Links in einem Element mit id content.

Specificity: a = 0 (kein style-Attribut), b = 1 (1 id), c = 1 (1 Pseudoklasse), d = 1 (1 Elementname)
ergibt 0.1.1.1

nun habe ich im gästebuch aber ein bild als link (das email-briefchen), das keinen pinken hintergrund haben sollte.
#guestbook a img,

Das formatiert ein Bild in einem a-Element in einem Element mit id guestbook.
a = 0, b = 1, c = 0, d = 1 ergibt 0.1.0.1

Falls sowohl der obengenannte als auch dieser Selektor zutrifft (das ist der Fall, die betroffenen Links liegen sowohl im Element mit der id guestbook als auch im Element mit der id content), gewinnen bei gleichen Eigenschaften die Werte aus dem obengenannten Selektor, da 0.1.1.1 höher ist als 0.1.0.1

#guestbook img a:link, #guestbook img a:visited, #guestbook img a:hover, #guestbook img a:active{

Hier werden a-Elemente innerhalb eines img-Elementes innerhalb eines Elementes mit der id guestbook selektiert.

img hat das content-model EMPTY, kann also keine Elemente enthalten, diese Selektoren sind also sinnlos.

weiss jemand wie ich das korrekt machen müsste?

Sorge dafür, daß die specificity des zweiten Selektors mindestens so hoch ist wie die des ersten (wenn sie "nur" gleichhoch sind, ist die Reihenfolge noch entscheidend).

cu,
Andreas

[doni]

wow!
sehr ausführlich, vielen dank!

gruss doni