Peter: Listenpunkte verschwinden hinter Bild

Hallo da draußen,

ich habe ein Problem und zwar verschwinden bei mir die Listenpunkte hinter einem Bild. Der Code ist folgender:

  
  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  
       "http://www.w3.org/TR/html4/loose.dtd">  
  
<html>  
 <head>  
 <style type="text/css">  
 <!--  
  BODY { background-color:#993300 }  
  
  IMG.links{ float:left; margin-right:10px; margin-bottom:10px; }  
 -->  
 </style>  
 </head>  
 <body>  
  <img class=links src="./yoga/yoga2.jpg" alt="yoga2"></img>  
  
  <b>Wirkungen von Coca Cola</b> <br>  
  Ausgewogenheit von Anspannung und Entspannung innerhalb jeder einzelnen Asana, bewirkt:  
  
  <ul>  
   <li>im Gleichgewicht zu sein auf der physischen Ebene durch Kraft, Ausdauer und Flexibilität.  
   <li>auf der geistigen Ebene werden Konzentration und Entspannungsvermögen geschult.  
   <li>Über die tiefe Atmung ist es möglich psychische Blockaden aufzulösen und geistige Klarheit zu erlangen.  
   <li>Durch die Konzentration auf die Atmung wird die Körperwahrnehmung verfeinert und das Erleben des „Im Hier und Jetzt sein“ entwickelt.  
  </ul>  
  
 </body>  
</html>  
  

Hier der Link wie es aussieht:

Link zum Ansehen

Was kann ich da machen, damit es nicht mehr passiert?

Gruß
Peter

  1. Hi,

    <b>Wirkungen von Coca Cola</b> <br>
      Ausgewogenheit von Anspannung und Entspannung innerhalb jeder einzelnen Asana, bewirkt:

    Ueberschriften solltest du auch als solche auszeichnen, ebenso wie Textabsaetze. Dann brauchst du auch kein BR mehr im Code.

    ich habe ein Problem und zwar verschwinden bei mir die Listenpunkte hinter einem Bild.
    Was kann ich da machen, damit es nicht mehr passiert?

    Gebe den LI ein margin auf der linken Seite.

    MfG ChrisB

    --
    „This is the author's opinion, not necessarily that of Starbucks.“
    1. Danke Chris, hat geklappt. Auch wenn ich erst etwas herumprobieren musste.

      Denn der Abstand muss nicht der vom Bild sondern der vom Rand sein. Also anstatt margin-left:30px (vom Bild) muss man margin-left:309px nehmen, da dass Bild 279 Pixel groß ist.

      Tja, probieren geht über studieren.

      1. Hallo,

        Denn der Abstand muss nicht der vom Bild sondern der vom Rand sein.
        Tja, probieren geht über studieren.

        Studieren hätte dich aber auch zum Ziel gebracht:
        http://de.selfhtml.org/css/layouts/einfuehrung.htm (das Beispiel im unteren Teil der Seite zeigt sehr anschaulich, wie floats funktionieren)

        mfg. Daniel