[CSS] Bild umfliessen bringt Liste durcheinander...

[Saschlong]

Hilfe, ich kapiere nicht ganz warum hier (12.01.05) der Header des Listenelements unter dem Bild ist?
Ist ein <li> Tag nicht ein Blockelement?
Sollte es hier nicht einfach einen Zeilenumbruch geben?

Thx

 

[sverebom]

Wenn ich mich nicht irre, dann ist <ul> ein Blockelement und <li> ein Inlineelement.

Was ist eigentlich genau dein Problem? Soll "neue Termine" auf Höhe der rollovergrafik sein?

 

[Saschlong]

Nee, der Eintrag vom 12.01.05...
Da rutscht der Titel von der vorhergehenden Meldung unter das Bild.

 

[sverebom]

ach soooo, na füg einfach mal ein

clear: both

in

.listing

ein. Das hebt den Float, den du beim Pic angewendet hast, auf.

Das ist jetzt nur die schnelle Lösung. Iniwefern sie mit deinen anderen Definitionen zusammen arbeitet und evtl. kollidiert habe ich nicht getestet. Ausserdem mußt du dann noch, so wie ich das sehe, eine weitere, leere Zeile einfügen oder die Abstande zwischen den Listen mit margin regulieren.

P.S.: Und ich würde das Bild wie folgt an der Textoberkante ausrichten!

<h2><b>12.01.05</b> !!! Zerst&ouml;rungsorgie im Gotec !!!</h2>
 <img style="margin: 5px 5px 5px 0px; float:left;" src="img/news/sesh_censored.jpg" />Wie wir soeben erfahren haben,<br />
   hat DJ Sesh bei der letzten E:O:D die komplette Anlage im 2. Floor des Gotec zerst&ouml;rt!<br />

   Es war von geschmolzenen Spulen, defekten Endstufen und gerissenen Lautsprechern die Rede.<br />
  DJ Sesh´s Management lehnt jeden Kommentar ab.<br />
   Aus dem famili&auml;ren Umfeld von DJ Sesh h&ouml;rt man von Wut- und Reueausbr&uuml;chen, sowie exzessiven Feierorgien, die, wie man h&ouml;rt, bei der Bew&auml;ltigung dieses Problems helfen sollen.<br />
   Wie die entstandenen Kosten verteilt werden wird ein Plenum im Helter Skelter Headquarter aufzeigen.<br />

   </li>
   <li class="listing">

Als das Bild einfach vor dem Newstext (nicht vor der Headline) im Quellcode platzieren.

 

[Saschlong]

Tatsache!
So tut's wie's soll...
Merci!

 

[sverebom]

Gern geschehen, aber kümmer um dich um die Position des Bildes. Bei solch kurzen Texten sieht es bescheuert aus, wenn es einfach im Text rum schwirrt.

Also das Bild an die Textoberkante wie oben beschrieben oder nach den ersten beiden einleitenden Sätzen/Zeilen einen neuen Absatz bilden und dort das Bild an die Textoberkante setzen (letztes sieht vielleicht sogar noch etwas besser aus).