[css] doppelte borders in einer tabelle verhindern

etairos

Tripel-As

Dabei seit: 15.10.2002

Beiträge: 164

Dienstag, 25. März 2003, 11:17

hi, ich hab folgendes problem. wenn ich eine tabelle mache und per css für jedes <td> die borders einstelle habe ich innerhalb der tabelle "doppelte" borders. also dort wo 2 felder aneinander grenzen.
das kann man wohl irgendwie verhindern, mit bordercollapse oder so? ich bin zumindest nicht schlau drauß geworden. könnt mir vieleicht jemand mal für dieses beispiel vorführen wie das geht.

Quellcode

<html>
<body bgcolor=silver>

<table height=200 width=400 cellspacing=0 cellpadding=10>
   <tr>
      <td style="border: solid 2px #ffffff; ">
         <p>ich trinke bier</p>
      </td>
      <td style="border: solid 2px #ffffff; ">
         <p>um viertel nach vier</p>
      </td>
   </tr>
   <tr height=100>
      <td colspan=2 style="border: solid 2px #ffffff; >
         <p>und sehe die borders sind immer noch hier</p>
      </td>
   </tr>
</table>

</body>
</html>

thx
malz

Ich aka etairos aka malz :: melodic doom death metal --> onemoreday.tk

Max

Tripel-As

Dabei seit: 02.12.2002

Beiträge: 191

Dienstag, 25. März 2003, 14:44

Zitat

<html>
<body bgcolor=silver>

<table height=200 width=400 cellspacing=0 cellpadding=10 style="border-collapse:collapse;">
<tr>
<td style="border: solid 2px #ffffff; ">
<p>ich trinke bier</p>
</td>
<td style="border: solid 2px #ffffff; ">
<p>um viertel nach vier</p>
</td>
</tr>
<tr height=100>
<td colspan=2 style="border: solid 2px #ffffff; >
<p>und sehe die borders sind immer noch hier</p>
</td>
</tr>
</table>

</body>
</html>

oder Tabelle mit festen Rahemn durchgezogen:

<table bgcolor="[borderfarbe]" border=0 cellspacing="1 [oder andere Breite]" cellpadding="0">
<tr><td bgcolor="white o andere Farbe"><td></tr>

</table>

MrBörns

Eroberer

Dabei seit: 10.03.2003

Beiträge: 55

Dienstag, 25. März 2003, 15:57

Man kann mit
border-top-width
border-left-width
border-bottom-width
border-right-width
für jede Seite eine eigene Rahmendicke einstellen.

Würde dann so aussehen:

<table height=200 width=400 cellspacing=0 cellpadding=10>
<tr>
<td style="border: solid 2px #ffffff; border-right-width:0px ">
<p>ich trinke bier</p>
</td>
<td style="border: solid 2px #ffffff; ">
<p>um viertel nach vier</p>
</td>
</tr>
<tr height=100>
<td colspan=2 style="border: solid 2px #ffffff; border-top-width:0px">
<p>und sehe die borders sind immer noch hier</p>
</td>
</tr>
</table>

...and it börns, börns, börns
www.simcity4.de.vu

etairos

Tripel-As

Dabei seit: 15.10.2002

Beiträge: 164

Dienstag, 25. März 2003, 18:37

ahh, ich wusste nicht das ich den collapse im table-tag eintragen muss. jetzt funzt alles
danke

Ich aka etairos aka malz :: melodic doom death metal --> onemoreday.tk

[css] doppelte borders in einer tabelle verhindern

Quellcode

Zitat

Ähnliche Themen