Robert Bamler: Vererbung von text-decoration

Beitrag lesen

Hallo Fabian,

auch dir danke für deine Antwort.

Ich habe es jetzt so gelöst:

span.a{font-weight:bold; text-decoration:none;}
span.b{font-weight:normal; text-decoration:none;}
span.c{font-weight:bold; text-decoration:underline;}

<span class="a"><span class="c">Text1</span><span class="b">Text2</span><span class="c">Text3</span></span>

Ja, das geht natürlich in diesem Fall schon. Aber bei mir handelt es sich ja um Hyperlinks. Das äußerste span-Element ist dort wo ich das ganze anwenden möchte also ein a-Element. Und für a-Elemente kann ich nicht generell angeben, dass sie nicht unterstrichen werden sollen, da ja alle anderen Links auf der Seite schon unterstrichen sein sollen. Und bei jedem Link noch ein extra-Tag zum Unterstreichen 'reinzuquetschen ist ja auch nicht der Sinn der Sache. Ich könnte mir höchstens folgende "Notlösung" vorstellen:

a {text-decoration:underline}
a.bildlink{text-decoration:none}
span.unterstrichen{text-decoration:underline}

<a href="adresse.htm" class="bildlink"><img src="bild.gif" border="0" alt="bild" /><span class="unterstrichen">Link mit Bild</span></a><br />

<a href="adresse.htm">Normaler Link</a>

Aber ganz zufrieden bin ich damit ehrlichgesagt nicht. Zerteilen möchte ich die Links auch nicht, da ich einen hover-Effekt definiert habe.

Weißt du einen Rat?

Robert