Trennlinie über zwei Spalten einfügen
0 0 
Felix Riesterer
Trennlinie über zwei Spalten einfügen
Gunnar BittersmannDie Trennlinie zwischen dem Eingabebereich und dem Absendebereich soll nicht in der Mitte unterbrochen sein. Wie kann ich dies bewerkstelligen?
<html>
<body>
<form>
<table border="0" cellpadding="5" cellspacing="0">
<tr>
<td align="right">Eingabebereich Spalte 1</td>
<td align="right">Eingabebereich Spalte 2</td>
</tr>
<tr><td><hr></td><td><hr></td></tr>
<tr>
<td align="right">Absendebereich Spalte 1</td>
<td align="right">Absendebereich Spalte 2</td>
</tr>
</table>
</form>
</body>
</html>
-
HR ist nicht zum Linienzeichnen in Tabellen gedacht. cellpadding="5" wird auch verhindern, dass ein Rahmen durchgehend ist.
Setz das Padding der Tabelle auf Null, und gibt dem Content das gewünschte Padding. Die Linie würde ich dann mit einem Border-Bottom realisieren.
-
Kannst du mir vielleicht ein Beispiel geben?
-
@@Sabine:
Kannst du mir vielleicht ein Beispiel geben?
Abb. 17.10 in [CSS2 §17.6.2]
Live long and prosper,
Gunnar--
„Das Internet ist ein großer Misthaufen, in dem man allerdings auch kleine Schätze und Perlen finden kann.“ (Joseph Weizenbaum)-
Es soll nur die erste und die dritte Zeile eingeblendet werden. Leider bekomme ich das nicht hin. Wäre sehr dankbar für eure Hilfe.
<html>
<head>
<style type="text/css">
<!--
TABLE { border-collapse: collapse;
border: 1px solid white }*#col1 { border: 3px solid white; }
*#col2 { border: 3px solid white; }TD { border: 1px solid red;
padding: 1em;}
-->
</style>
</head><body>
<P><TABLE>
<COL id="col1">
<COL id="col2">
<COL id="col3"><TR id="row1">
<TD> 1
<TD> 2
<TD> 3
</TR>
<TR id="row2">
<TD> 4
<TD class="solid-blue"> 5
<TD class="solid-green"> 6
</TR>
<TR id="row3">
<TD> 7
<TD> 8
<TD> 9
</TR>
<TR id="row4">
<TD> 10
<TD> 11
<TD> 12
</TR>
<TR id="row5">
<TD> 13
<TD> 14
<TD> 15
</TR>
</TABLE></body>
</html>-
@@Sabine:
<html>
Jedes HTML-Dokument sollte eine DOCTYPE-Angabe haben. Auch, um den Quirks-Modus zu vermeiden.
<head>
<style type="text/css">
<!--[schnipp]
-->
</style>Die Auskommentierung ist völlig überflüssig.
</head>
Das 'title'-Element im 'head' ist NICHT optional.
<body>
<P><TABLE>
<COL id="col1">
<COL id="col2">
<COL id="col3"><TR id="row1">
<TD> 1
<TD> 2Auch wenn in HTML die End-Tags bei gewissen Elementen ('p', 'td') optional sind, ist es kein guter Stil, sie wegzulassen. Eher eine potentielle Fehlerquelle.
Es soll nur die erste und die dritte Zeile eingeblendet werden.
Also die anderen Zeilen selektieren [CSS2 §5.1, CSS2 §5.9, CSS2 §5.2.1, SELFHTML] und diese ausblenden [CSS2 §9.2.5, SELFHTML]
Live long and prosper,
Gunnar--
„Das Internet ist ein großer Misthaufen, in dem man allerdings auch kleine Schätze und Perlen finden kann.“ (Joseph Weizenbaum)
-
-
-
-
Hallo,
Setz das Padding der Tabelle auf Null, und gibt dem Content das gewünschte Padding.
nein. Der Content will margin.
Grüße, Matze
-
-
Liebe Sabine,
Die Trennlinie zwischen dem Eingabebereich und dem Absendebereich soll nicht in der Mitte unterbrochen sein.
<tr><td><hr></td><td><hr></td></tr>
dann musst Du eben angeben, dass sich diese Tabellenzelle über mehr als nur eine Spalte erstreckt. Das macht man mit dem Attribut http://de.selfhtml.org/html/tabellen/zellen_verbinden.htm#spaltenweise@title=colspan.
Liebe Grüße aus Ellwangen,
Felix Riesterer.
--
ie:% br:> fl:| va:) ls:[ fo:) rl:° n4:? de:> ss:| ch:? js:) mo:} zu:)-
Wegen des cellpadding wird die Linie aber rechts und links nicht bündig sein.
dann musst Du eben angeben, dass sich diese Tabellenzelle über mehr als nur eine Spalte erstreckt.
-