B-ellanna: Verschiedene Tabellenformatierung

Beitrag lesen

Hi Hopsel
Nun hab ich das alles mit float gemacht und es sieht ganz schrecklich aus.
Es verschiebt sich alles wild hin und her. Was ist da los? Was kann ich tun damit der Text in der Liste und das Bild in der Liste nebeneinander dargestellt werden? Dabei sollte der Text zusätzlich noch in sich Zentriert sein.
Ich kann mir irgendwie nicht vorstellen wie das mit CSS gehen soll.
Bin wiederum für alle Hinweise offen
B-ellanna

Hier kurz das Html und ein CSS Ausschnitt.

<ol>
<li>Roger Kommandant <p>Alter: 37 Sommer <p>Adliger eines ünvermögenden Hauses, jedoch Söldner aus Überzeugung <p>"je länger je besser"
<img src="./Bilder/Gefolge/Olaf.gif" alt="Roger" border="0" width="160" height="160" class="left"></li>
<li>Apelles Lagermeister <p>Alter: 32 Sommer <p>Vermögender Bürger, der aus Freude an der Kriegskunst ein Söldner wurde<p>"1 1/2-händer und alles Andere"
<img src="./Bilder/Gefolge/Stefan.gif" alt="Apelles" border="0" width="160" height="160" class="right"></li>
</ol>

.right{
  margin:0 1em 0 1em;
  float:right;
  }
.left{
  float:left;
  }