Span funktioniert nur einmal

[FleyerShaver]

Hi, ich habe folgende Codes:

#right p.rightTxt2{
    font:normal 13px/18px Arial, Helvetica, sans-serif;
    color:#62625C;
    background-color:inherit;
    padding:0 38px 10px 38px;
    position:inherit;
    width:650px;
    float:inherit;
    display:block;
}
#right p.rightTxt2 span{
    font:bold 17px/18px Arial, Helvetica, sans-serif;
    color:#D76E08;
    background-color:inherit;
    border-bottom:#BCBCB5 dashed 1px;
    width:650px;
    display:block;
    margin:0 0 15px 0;

}

Und der HTML-Code:

<div id="right">
<p class="rightTop"></p>
<p class="rightTxt2"><span>Neue Nachrichten</span>Herzlich wilkommen testuser,<br>du hast keine neuen privaten Nachrichten<div style='height:8px;'>&nbsp;</div>
<span>Interessante Gruppen</span>Klassentalk empfielt dir die Gruppen <strong><a href="http://www.klassentalk.de/infusions/interest_group_infusion/interest_group.php?action=viewgroup&amp;grpid=1">Verbesserungvorschl&auml;ge f&uuml;r Klassentalk</a></strong> und <strong><a href="http://www.klassentalk.de/infusions/interest_group_infusion/interest_group.php?action=viewgroup&amp;grpid=2">Hausaufgaben und Referate</a></strong><div style='height:8px;'>&nbsp;</div>
<span>Geburtstage deiner Freunde in 3 Tagen</span><table>
<tr>
<td width='5%'><img src='images/birthday.gif'></td>
<td> <b><font color='black'>Geburtstagskinder</b></td>
</tr></table><div style='height:8px;'>&nbsp;</div>
<span>Neue Freunde</span>Du hast keine neuen Freunde</td>
</p>
<p class="rightBottom"></p>
<p class="rightBottom"></p>
</div>

Leider wird immer nur das erste Span schön dargestellt, die anderen bleiben davon unberührt. Sowie färben sich nicht alle Spans?

 

[threadi]

Div's haben in p-Tags nichts zu suchen. Vielleicht hat der von dir verwendete Browser (?) genau damit ein Problem.

 

[neuroleptika]

Es befinden sich nicht alle span in #right p.rightTxt2.
Manche sind nicht mal in p eingeschlossen.

So definierst du alle span:

span{
    font:bold 17px/18px Arial, Helvetica, sans-serif;
    color:#078309;
    background-color:inherit;
    border-bottom:#BCBCB5 dashed 1px;
    width:650px;
    display:block;
    margin:0 0 15px 0;
}

Das kann natürlich nicht Sinn der Sache sein. Span gehören in ein Blockelement wie p oder h1-h6.
(Ein div ist auch ein Blockelement, hat aber hat semantisch keine Bedeutung)

 

[neuroleptika]

Div's haben in p-Tags nichts zu suchen. Vielleicht hat der von dir verwendete Browser (?) genau damit ein Problem.

Hab ich gar nicht gesehen.
Das kommt natürlich noch hinzu.
Wenn zusätzliche Elemente zur Gestaltung benötigt werden, kannst du weitere span benützen.

 

[FleyerShaver]

Danke ohne Div Tag funktioniert es perfekt. Dann muss ich wohl Mal alle Divs suchen.