nicht angemeldet
Tabellenrahmen für jede Zelle + collapse
Hallo,
ich hab im Posting "(CSS) Tabellenrahmen mit CSS für jede Zelle"
http://forum.de.selfhtml.org/archiv/2004/9/t88814/#m529716
schon nachgelesen, aber noch eine Frage in Bezug auf "border-collapse: collapse;".
Warum bekommt die 2. Tabelle in meinem Beispiel (siehe Link unten), so ein dickes "Kreuz" durch "überlappende" Zellrahmen?
Erste wenn ich - wie in der 3. Tabelle gemacht - noch ein "border-collapse: collapse;"
bei <table> reinklemme geht dieses dicke "Kreuz" weg.
Wie ist es "richtig", wenn die Tabelle so aussehen soll wie die 3. Tabelle?
Vielen Dank
Beispiel:
http://ablage.com/htdocs/selfforum/css-rahmen-test.htm
----------------------------------------------------------------------------------------
<style type="text/css">
<!--
.rahmen td{
border-color: #000000;
border-width: 1px;
border-style: solid;
border-collapse: collapse;
}
-->
</style>
</head>
<body>
<table width="80%" cellspacing="0" cellpadding="7" style="border:1px solid #000000; border-collapse: collapse;">
<tr>
<td style="border:1px solid #000000;">1a</td>
<td style="border:1px solid #000000;">2a</td>
</tr>
<tr>
<td>3a</td>
<td>4a</td>
</tr>
</table>
<br>
<table width="80%" cellspacing="0" cellpadding="7" class="rahmen">
<tr>
<td>1b</td>
<td>2b</td>
</tr>
<tr>
<td>3b</td>
<td>4b</td>
</tr>
</table>
<br>
<table width="80%" cellspacing="0" cellpadding="7" class="rahmen" style="border-collapse: collapse;">
<tr>
<td>1c</td>
<td>2c</td>
</tr>
<tr>
<td>3c</td>
<td>4c</td>
</tr>
</table>
</body>
</html>
-
Hallo,
bei
http://www.css4you.de/border-collapse.htmlsteht zu border-collapse:
"Anwendbar auf: <table>-Tag und Elemente, die mit display:inline-table formatiert sind."richtig wäre also:
.rahmen {border-collapse:collapse;}
.rahmen td {border:1px solid #000;}<table class="rahmen">
<tr><td>zelle 1</td><td>zelle 2</td></tr>
<tr><td>zelle 3</td><td>zelle 4</td></tr>
</table>mfg NAG
--
signatur