Bild unter Bild

  • Hallo zusammen,

    ich habe ein Problem. Da ich erst neulich mich an das thema HTML gewagt habe und jetzt sich ein Problen ergeben hat, bitte euch HTML-Könner mir zu helfen.

    Und zwar will ich auf einer Seite eine Liste mit Fotos erstellen. Das erste Foto habe ich bereits, aber das zweite kriege ich nicht DIREKT darunter. Außerdem sollte die Fotos mit einem <hr> voneinander getrennt werden.

    Ich persönlich habe es folgend gemacht:


    <a href="link.html">
    "alt=""></a>

    <h4><font face="Arial"><div style="color:grey;">Text</div></font></h4></p>

    <hr>

    <a href="Link2.html">
    "alt=""></a>

    <h4><font face="Arial"><div style="color:grey;">Text</div></font></h4></p>


    </p>


    Bei dieser Ausführung steht das zweite Bild ca. diagonal zum anderen.

    Ich hoffe ihr könnt mir helfen.

    Danke im vorraus.

    Mfg

  • style="float:left; sorgt bei dir Dafür, dass der Inhalt nicht wie normal nach unten weitergeführt wird sondern dass er daneben steht. Für den ersten Text ist dies ja noch erwünscht, für das zweite Bild allerdings nicht mehr. deswegen muss man es wieder umstellen, sodass der Text wieder normal untereinander angereiht wird. Dies geht einfach über das Attribut clear:both. Also musst du es in dein <hr>-Tag einbauen.

    Code
    <hr style="clear:both;">

    Es gibt zwei Regeln fuer Erfolg im Leben:
    1. Erzaehle den Leuten nie alles, was Du weisst ...