Sven Lennartz 12. September 2003

Abstand halten

Kein Beitragsbild

Das Problem kennen Sie sicher: Werden Bilder und Text nebeneinander ausgerichtet, rutscht der Inhalt durcheinander, sofern nicht ausreichend Text vorhanden ist. Das geht auch anders.

Man behilft sich mit zusätzlichen Tabellenzellen oder einer ganzen Kollektion von <br>-Tags.

AbbildungLorem ipsum dolor sit amet, consectetuer adipiscing elit.

AbbildungUt wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Unnötig! Ein <br> genügt, wenn Sie es mit dem Attribut clear=“all“ versehen. Dann wird aus dem obigen Beispiel plötzlich dies:

AbbildungLorem ipsum dolor sit amet, consectetuer adipiscing elit.

AbbildungUt wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Der komplette Quellcode:

 <p><img src="../images/illu_oexpress.gif"
alt="" width="125" height="125" align="left">Text</p>
      <br
clear="all">
 <p><img src="../images/illu_oexpress.gif"
alt="" width="125" height="125" align="left">Text</p>

Sven Lennartz

Sven Lennartz

Ex Webdesigner, Gründer von Dr. Web und Smashing Magazine. Heute ist Sven als Schriftsteller und Blogger unterwegs. Schau was er jetzt macht…
Dr. Webs exklusiver Newsletter
Hinweise zum Datenschutz, also dem Einsatz von Double-Opt-In, der Protokollierung der Anmeldung, der Erfolgsmessung, dem Einsatz von MailChimp als Versanddienstleister und deinen Widerrufsrechten findest du in unseren Datenschutzhinweisen.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Kennst du schon unseren Newsletter?

Hinweise zum Datenschutz, also dem Einsatz von Double-Opt-In, der Protokollierung der Anmeldung, der Erfolgsmessung, dem Einsatz von MailChimp als Versanddienstleister und deinen Widerrufsrechten findest du in unseren Datenschutzhinweisen.