problem bei 'Adressierung'

[roebert stumpe]

Hallo selfhtml'er

habe hier ein kleines problemchen den Link 'format hier!'

html:

<div id=action>
...
<div class="teaser fun">
<h3><a>...</a></h3>
<p>...</p>
<p class="more"><a href="">format hier!</a></p>
</div>
...
</div>

... im css-file anzusprechen. die sache wird über ein CMS gepflegt - damit sollen verschiedene styles für die jeweilige rubrik möglich sein(der zweite parameter(hier z.b. fun) für die div-klasse ist in einer options-liste im cms und bestimmt damit die endformatierung des teaser-block(einfärbung))
das funktioniert auch wunderbar

#action .teaser
{
 margin etc ...
}

#action .fun
{
 color: #CA5474;
 background-color: #F8ECF0;
}

#action .fun a
{
 color: #CA5474;
}

will ich aber jetzt das icon was am more-link hängt weiter anpassen komme ich nicht weiter;
hier also erstmal der stlye der allgemein wirkt (jedes a in p class=more im bereich action bekommt das icon)

#action .more a/* */
{
 background: transparent url(<%img_icon_more_i%>) no-repeat 100% 55%;
 padding-right: 15px;
}

und hier einer meiner versuche:

#action .fun .more a{
 color: #123456;
 background: transparent url(<%img_icon_more_fun%>) no-repeat 100% 55%;
}

habe schon einiges probiert in IE und Mozilla - der rubrikspezifische style zieht noch nicht

kann mir bitte jmd weiterhelfen

[Axel Richter]

Hallo,

html:

<div id=action>
...
<div class="teaser fun">
<h3><a>...</a></h3>
<p>...</p>
<p class="more"><a href="">format hier!</a></p>
</div>
...
</div>

#action .fun .more a{
color: #123456;
background: transparent url(back01.jpg) no-repeat 100% 55%;
}

Also bei mir matcht der Selector #action .fun .more a auf das A-Element im Element mit der Klasse more im Element mit der Klasse fun im Element mit der ID action. Ich kann also hier Hintergrundbild und Farbe ändern und es wirkt sich auch aus.

Der Fehler muss woanders liegen.

Bitte schau Dir den Quellcode an, der im Browser ankommt. Werden die <%img_icon_more_fun%> korrekt durch Bild-URIs ersetzt?

Ansonsten: online-Beispiel.

viele Grüße

Axel

[roebert stumpe]

jo danke du hast recht!

während ich auf der html-seite zum testen <div class="teaser regional">
hatte - hatte ich im css-file an der rubrik 'fun' gearbeitet

funzt jetz alles

danke