Das BReak-Element führt einen einfachen harten Zeilenumbruch durch. Das
Attribut clear hat bei Zeilenumbrüchen mit eingebetten bündigen
Elementen wie Bildern seine Bedeutung.
Nach einigen schlechten Erfahrungen
mit dem P-Element verwende ich es bevorzugt für
Zeilenabständen von Paragraphen.
Netscape hat auch mit css-Anweisungen wie line-height zusammen mit Tabellen oder Ebenen Schwierigkeiten,
weshalb ich gerne ein Bild zusammen mit br verwende, um Abstände einzuhalten. Das hat auch den Vorteil, Browser-unabhängig zu sein.
Dabei ist natürlich zu beachten, daß kein Whitespace (Leerzeichen, TAB oder ENTER) innerhalb der beiden br-Tags ist.
Zur Verdeutlichung wurden die "unsichbaren" Bilder mit border="1" versehen. Diese können Sie über Quelltext ändern auch entfernen.
Ergebnis
Beim Personal haben wir keine Kompromisse geschlossen: Wir nehmen nur die besten Leute, und diese arbeiten
dann in kleinen Teams....
Unser größter Trumpf ist der, daß gute Entwickler gerne mit guten Entwicklern zusammenarbeiten.
Bei einer gelungenen Architektur kann sogar innerhalb einer Entwicklungsgruppe der Grad der Abhängigkeit reduziert werden.
(Interview mit Bill Gates aus dem Buch die Microsoft Methode, Michael A. Cuumano/Richard W. Selby, Haufe-Verlag)
Quellcode
<font size="1" face="sans-serif">
Beim Personal haben wir keine Kompromisse geschlossen: Wir nehmen nur die besten Leute, und diese arbeiten
dann in kleinen Teams....
<br /><img src="/pic/pixel_tr.gif" alt="" width="1" height="12" border="1" /><br />
Unser größter Trumpf ist der, daß gute Entwickler gerne mit guten Entwicklern zusammenarbeiten.
<br /><img src="/pic/pixel_tr.gif" alt="" width="1" height="34" border="1" /><br />
Bei einer gelungenen Architektur kann sogar innerhalb einer Entwicklungsgruppe der Grad der Abhängigkeit reduziert werden.
<br /><img src="/pic/pixel_tr.gif" alt="" width="1" height="2" border="1" /><br />
<i>(Interview mit Bill Gates aus dem Buch die Microsoft Methode, Michael A. Cuumano/Richard W. Selby, Haufe-Verlag)</i>
</font>
W3 hat dem BR-Element noch zusätzlich mit den Attributen id, class, title und style versehen, die hier der
Vollständigkeit halber noch erwähnt werden.
Attribute von br
Attribut
NN
MSIE
Mos.
Op.
HTML
1.1
2
3
4
4.6
6
2
3
4
5
5.5
2.1
3.6
4
5
2
3
3.2
4
clear
class
id
style
title
wird unterstützt
wird größtenteils unterstützt
wird teilweise unterstützt
wird nicht unterstützt
keine direkte Funktion
gefährlich
Beispiele br
Das Beispiel zeigt die Wirkungsweise von clear: Der Zeilenumbruch für ein
rechtsbündiges Bild wird bei clear="right" am Ende des Bildes gesetzt. Dies ist vor allem bei zu Bildern zugehörigen
Texten wichtig.
wir
Ergebnis
Dies ist ein Probetext.
Dies ist ein ..
Dies ist ein Probetext.
Dies ist ein ..
Quellcode
<img align="right" src="/pic/example/nashorn.jpg" alt="nashorn" width="50" height="50">
<font size=1>Dies ist ein Probetext.
<br clear=right>Dies ist ein ..
</font>
<hr>
<img align="right" src="/pic/example/hund.jpg" alt="hund" width="50" height="50">
<font size=1>Dies ist ein Probetext.
<br clear=left>Dies ist ein ..
</font>
Der Betreiber von www.dBooks.de übernimmt keine
Verantwortung für den Inhalt und die Richtigkeit der Angaben auf
den verlinkten Websites.
Zu den üblichen NoNos gibt es keine direkten Verweise.