border-collapse mit innerer und äußerer Tabelle?
toebens
- css
Hi,
border-collapse mit innerer und äußerer Tabelle? geht das? hier erst einmal mein html:
<html>
<head>
<style>
body { margin:0px; padding:0px; text-align:center; background:#e0e0e0; font:12px Verdana Arial; color:black;}
td { border: 1px solid red;}
</style>
</head>
<body>
<table align="center" style="border-collapse:collapse;">
<tr><td>1st</td> <td>2te</td></tr>
<tr><td>3te</td>
<td style="padding:0px;">
<table style="border-collapse:collapse;">
<tr>
<td>i1st</td> <td>i2te</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
Ich möchte gerne die innere Tabelle mit den Rändern der äußeren verschmelzen! Durch das padding:0px erreiche ich zwar das der Abstand verschwindet, jedoch wird dadurch auch die Border dicker!
Kann ich dies umgehen, ohne wo "border:none" setzen zu müssen?
Danke
hi,
Ich möchte gerne die innere Tabelle mit den Rändern der äußeren verschmelzen! Durch das padding:0px erreiche ich zwar das der Abstand verschwindet, jedoch wird dadurch auch die Border dicker!
border-collapse bezieht sich m.e. lediglich auf das verhalten der rahmen innerhalb der tabelle, also ob die aneinandergrenzenden rahmen von tabellen_zellen_ zusammenfallen sollen oder nicht.
du hast aber einer tabelle in einer tabelle (warum überhaupt?), darauf wirkt border-collapse wohl nicht.
Kann ich dies umgehen, ohne wo "border:none" setzen zu müssen?
denke nicht. aber wo liegt das problem?
gruss,
wahsaga
Hi,
<table align="center" style="border-collapse:collapse;">
<tr><td>1st</td> <td>2te</td></tr>
Setze colspan="2" in die 2te td
<tr><td>3te</td>
<td style="padding:0px;">
<table style="border-collapse:collapse;">
<tr>
<td>i1st</td> <td>i2te</td>
</tr>
</table>
</td>
Von diesen 7 Zeilen brauchst Du nur die 4. (die mit den beiden tds)
</tr>
</table>
</body>
</html>
Du brauchst keine innere Tabelle.
Kann ich dies umgehen, ohne wo "border:none" setzen zu müssen?
Ja, s.o.
cu,
Andreas