Logo www.praast.de

html by praast

 

Tabellenrahmen mit CSS

Ausgehend von bit6no$cfcuv$1@ID-143025.news.uni-berlin.de (Steffi Abel in <dciwam/>) wird hier dargestellt, wie man Tabellenrahmen ohne Lücken erstellen kann.

CSS-Definition:
<style type="text/css">
.oben { border-top:1px solid red }
.rechts { border-right:1px solid red }
.unten { border-bottom:1px solid red }
.links { border-left:1px solid red }
table {border:none;border-collapse:collapse;background-color:yellow;}
</style>
Inhalt Inhalt Inhalt Inhalt
Inhalt Inhalt Inhalt
Inhalt Inhalt Inhalt Inhalt
<table>
<tr>
	<td>Inhalt</td>
	<td class="oben rechts links">Inhalt</td>
	<td>Inhalt</td>
	<td>Inhalt</td>
	<td>Inhalt</td>
</tr>
<tr>
	<td>Inhalt</td>
	<td class="links rechts">Inhalt</td>
	<td>Inhalt</td>
	<td class="oben unten links">Inhalt</td>
	<td class="oben unten rechts">Inhalt</td>
</tr>
<tr>
	<td>Inhalt</td>
	<td  class="rechts unten links">Inhalt</td>
	<td>Inhalt</td>
	<td>Inhalt</td>
	<td>Inhalt</td>
</tr>
</table>

...oder auch waagerechte Linien...

Inhalt Inhalt Inhalt Inhalt Inhalt
Inhalt Inhalt Inhalt Inhalt Inhalt
Inhalt Inhalt Inhalt Inhalt Inhalt
<table>
<tr>
	<td class="unten">Inhalt</td>
	<td class="unten">Inhalt</td>
	<td class="unten">Inhalt</td>
	<td class="unten">Inhalt</td>
	<td class="unten">Inhalt</td>
</tr>
<tr>
	<td>Inhalt</td>
	<td>Inhalt</td>
	<td>Inhalt</td>
	<td>Inhalt</td>
	<td>Inhalt</td>
</tr>
<tr>
	<td class="unten">Inhalt</td>
	<td class="unten">Inhalt</td>
	<td class="unten">Inhalt</td>
	<td class="unten">Inhalt</td>
	<td class="unten">Inhalt</td>
</tr>
</table>
Kontakt/Feedback