Senkrechte Trennlinien

Für waagerechte Trennlinien ist in HTML ein eigener Befehl zuständig: <HR>. Zur Darstellung von senkrechten Trennlinien muß dagegen etwas mehr Aufwand betrieben werden, da es einen entsprechenden HTML-Befehl nicht gibt. In den Beispielen auf dieser Seite werden dazu Tabellen benutzt.

Soll lediglich eine kurze Textzeile von senkrechten Linien eingerahmt werden, kann das mit einer einzigen Tabelle in folgender Form realisiert werden:

  <TABLE>     <TR>        <TD BGCOLOR=n1><BR></TD>        <TD BGCOLOR=n2>Text für eine Zeile</TD>        <TD BGCOLOR=n1><BR></TD>     </TR>  </TABLE>  

Die n-Werte kennzeichnen die jeweilige Hintergrundfarbe für die einzelne Tabellenzelle. Natürlich müssen diese hier durch die RGB-Werte oder auch durch Farbnamen ersetzt werden. Für die rote Farbe wäre das RED oder #FF0000 und für weiß WHITE oder #FFFFFF. Der <BR>-Befehl in der leeren Zelle an Stelle eines Leerzeichens ist wichtig, da ansonsten nicht jede Browserversion (ab den 3er-Versionen) den roten Hintergrund anzeigen würde.

Das Ergebnis:

Text für eine Zeile
Wenn in die zweite Zelle weiterer Text geschrieben wid, dann verlängern sich bei einem Zeilenumbruch auch die Randbalken automatisch vertikal.
Das funktioniert auch bei einem gewollten Zeilenwechsel mit <BR>

oder nach dem Setzen einer Absatzmarkierung durch <P>

Durch Hinzufügung einer Größenangabe mit WIDTH=n können die Randbalken verbreitert werden. Hier wurden die Werte 1 (links) und 10 (rechts) benutzt.

Wir freuen uns auf Ihr Projekt. Kontaktieren Sie uns!
Kostenlose Erstanalyse

Beratung vereinbaren