Hi,

das Inline-Element muß "Block-Level-Charakteristika" erhalten, damit es die width-Deklaration akzeptiert.

Code :

1 2 3 4 5

.ress{ width:250px; background-color:#0000FF; [b]display:block;[/b] }

mfg Maik

Hi

das habe ich schon probiert, aber dann werden alle 6 spans untereinander angezeigt,
es soll aber so aussehen:
span span
span span
span span

Die float-Eigenschaft hat die gleiche Wirkung auf ein Inline-Element.

mfg Maik

Sieht jetzt so aus:

HTML-Code:

      <!-- Ressourcen -->
      <div class="ress_div">
      	<div class="ress_outer">
            <span class="ress_l">Bevölkerung: <? echo number_format($ress["Bevoelkerung"],0,",","."); ?></span>
            <span class="ress_r">Energie: <? echo number_format($ress["Energie"],0,",","."); ?></span>
         </div>
         <div class="ress_outer">
            <span class="ress_l">Ress1: <? echo number_format($ress["Res1"],0,",","."); ?></span>
            <span class="ress_r">Ress2: <? echo number_format($ress["Res2"],0,",","."); ?></span>
         </div>
         <div class="ress_outer">
            <span class="ress_l">Ress3: <? echo number_format($ress["Res3"],0,",","."); ?></span>
            <span class="ress_r">Ress4: <? echo number_format($ress["Res4"],0,",","."); ?></span>
         </div>
      </div>

Code css:

1 2 3 4 5 6 7 8 9 10 11

.ress_l{     float:left; } .ress_r{     float:right; } .ress_div{     margin: -40px 0px 0px 575px; } .ress_outer{ }

Aber es ist immer noch nicht das gewünschte Ergebnis zu sehen.

Merke: wo float zum Einsatz kommt, ist clear nicht weit entfernt, um den Textfluß unterhalb der Floatumgebung zu erzwingen.

Code :

1 2 3

.ress_outer{ clear:both; }

mfg Maik

Super, Danke

Kannst du mir vielleicht auch hier noch helfen?

HTML-Code:

<li class="navi_outer_link"><span class="navi_link">Übersicht</span></li> 

Code css:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

.navi_link{     color:#CCCCCC;          cursor:pointer; } .navi_link:hover{     color:#FFFFFF; } .navi_outer_link, .navi_outer_header{     display:block;     width:140px;          height:30px;     background-image: url(../pics/Eingabefeld.jpg);          padding-left:10px;          padding-top:5px; }

Der Hovereffekt wird nicht ausgeführt.

Laß mich raten: du sprichst hier vom IE<7.

Die Vorgänger der aktuellen Version interpretieren die :hover-Pseudoklasse ausschliesslich für das a-Element.

mfg Maik

Nö, lass ich dich nicht :P
Ich spreche vom FF 2.xxx

Im FF 2 + 3, sowie den übrigen standardkonformen Browsern, kann ich da erwartungsgemäß keine Probleme bzw. eine Arbeitsverweigerung der allgemeinen :hover-Pseudoklasse feststellen.

Die Schriftfarbe wechselt auf weiß und der Text verschwindet daraufhin im Weiß des Seitenhintergrundes

mfg Maik