tabellenrahmen mit css

Status
Nicht offen für weitere Antworten.
W

Wanna

Mitglied
Hallo Community,

Ich würde sehr gerne mithilfe von CSS einen Rahmen um meine Tabelle machen. Das klappt auch relativ gut:
Code: 
.table_rahmen
{
  	color:         		#000000; 
	border:        		1px solid #000000;
	border-collapse:	collapse;
}

Jedoch möchte ich nicht nur außen einen Rahmen, sondern auch z.B. wenn ich mehrere Spalten und Reihen habe, dass diese durch einen Rahmen getrennt werden. Ich schaffe es jedoch nicht, den dafür erforderlichen CSS Code zu finden, geschweigedenn ihn richtig einzusetzen. Ich hoffe ihr könnt mir da relativ schnell helfen.

Vielen Dank schonmal,
Alex
 
So wie ich mich da Auskenne dachte ich das es gar nicht möglich sei...so wie man auch keine Tabelle erstellen kann..bin mir aber nicht ganz sicher...
 
border-collapse hast Du ja schon richtig eingesetzt.
Jetzt erstellst Du die Tabelle ganz einfach noch mit der Eigenschaft border="1" und gut.
Die CSS-Border kannst Du Dir sparen.
 
Moin

Und wenn du es trotzdem mit CSS machen willst, kannst du das so machen:

PHP: 
<!--
table.rahmen {
    border:1px solid black;
}
.rahmen tr,td {
    border:1px solid black;
}
-->

gruss

FG
 
Dabei hat man doch, wenn ich mich recht erinnere, einzelne Kaesten um die <TD>s und keinen zusammenhaengenden Rahmen. Kann natuerlich sein, dass ich mich jetzt irre, aber ich mein mich da an sowas zu erinnern.
 
In dieser Alternative wird der Rahmen durch die Hintergrundfarben der Tabelle und den Tabellenzellen, sowie einem Zellabstand von 1 Pixel erzeugt:

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title></title>

<style type="text/css">
<!--
table {
background: #000;
}

td {
background: #fff;
}
-->
</style>

</head>
<body>

<table cellspacing="1" width="100%">
       <tr>
           <td>aha 1.1</td>
           <td>aha 1.2</td>
       </tr>
       <tr>
           <td>aha 2.1</td>
           <td>aha 2.2</td>
       </tr>
</table>

</body>
</html>
 
Arbeiten wir doch gleich nur mit CSS-Eigenschaften:
Code: 
body {
	background-color: #fff;
}
table {
	background-color: #000;
	border-collapse:  separate;
	border-spacing:   1px;
}

th, td {
	background-color: #fff;
}
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück