Einfaches Problem mit Tabellen - finde jedoch keine Lösung
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
-
Hi,
ich habe 3x3 Tabellen erstellt und m?chte nun zwischen den Tabellen eine d?nne Linie haben.
Wie das theoretisch funktioniert, habe ich bereits herausgefunden aber mit der Praxis hapert es noch.
D?nn sind die Linien nur, wenn man nur jeweils eine Tabellenseite "einf?rbt".
Sobald ich jeweils zwei Tabellenseiten "einf?rbe", erhalte ich einen dicken Rand.
Und wenn ich nur jeweils eine Seite "einf?rbe", erhalte ich einen Versatz bei den Linien ;-(
Da ich das schlecht erkl?ren kann, hier alles nochmals mit Bildern:
http://gegner.pyrokar.lima-city.de/
Vielleicht hat mir jemand einen Tipp?!
Vielen Dank -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Am besten du verwendest CSS daf?r
http://de.selfhtml.org/css/eigenschaften/tabellen.htm#border_spacing
und zus?tzlich noch
http://de.selfhtml.org/css/eigenschaften/rahmen.htm
und dann kannst du gezielt mit
border-bottom:5px solid #000000
erreichen, das zum Beispiel die unteren Zwischenlinien bestimmte Eigenschaften haben. -
Am Besten mit CSS:
<html>
<head>
<title>d?nne Rahmen</title>
<style type="text/css">
// Linien zusammenbringen:
table
{ border-collapse : collapse; }
// Rahmen 1px dick, durchgehend, schwarz
// andere Werte auf Anfrage
td
{ border : 1px solid black; }
</style>
</head>
<body>
<table>
<tr><td>1</td><td>2</td><td>3</td></tr>
<tr><td>1</td><td>2</td><td>3</td></tr>
<tr><td>1</td><td>2</td><td>3</td></tr>
</table>
</body>
</html>
FF
WS -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
