tabellen mit vollständigem gitternetz

[jph]

jedem ist es bekannt:
die normalen ränder einer html-tabelle sind sehr hässlich. ich möchte einer großen tabelle per css einen rahmen hinzufügen. einen nur aussen rum ist ja kein thema... aber geht auch ein vollständiges gitternetz (alle linien zwischen spalten/zeilen) ohne dabei jeder einzelnen zelle eine klasse zuweisen zu müssen??

[Jürgen]

Hi,

meines Wissens geht es nicht. Man müsste einen Bereich definieren können, indem sich <td> anders verhält als in einem anderen Bereich. Mit <div>-Tags gehts aber wohl nicht.

Du kannst nur, wie du wohl weißt, dem <td>-Tag allgemein einen Rahmen zuweisen. Damit ein richtiges Gitternetz entsteht, musst du dann noch

table {
   border-collapse: collapse;
}

definieren, damit sich die Rahmen zwischen den Zellen überlagern.

Die Sache wär allerdings eher was fürs HTML Puristen-Forum...

Gruß, Jürgen

[jph]

okay danke dass wußte ich... und es gibt keine andere möglichkeit ausser die methode tabelle dahinterlegen, die mit einer hintergrundfarbe versehen und dann die inhalt-tabelle mit zellabstand=1 daraufzulegen?

Die Sache wär allerdings eher was fürs HTML Puristen-Forum...

habe ich auch vor dem posten drüber nachgedacht.... ich war mir nicht so sicher... wer verschieben möchte (darf) kann gern!

[Jürgen]

Okay, ich habs mal zu den Puristen verschoben.

Die Methode mit den verschachtelten Tabellen und cellpadding = 1 ist halt die gängige.

[jph]

na ja gängig okay--- aber sauber ist das jawohl nict gerade...

[Jürgen]

Das stimmt, aber hast du eine andere Lösung ? Border-collapse läuft ja auch nur im IE ab Version 5. Damit bleibt als einzige die HTML-Lösung übrig. Also erübrigt sich wohl die Diskussion ob sauber oder nicht.

[Paco]

Doch gibt noch eine saubere Lösung - aber mucho Arbeit
Die tabelle als image erstellen und viel schnippeln

[seb]

Border-collapse läuft ja auch nur im IE ab Version 5.

Mozilla kanns auch

Und anstelle dem Umstand, jeder Zelle eine CSS-Class zuzuweisen, kann man auch angeben, dass jedes td-Element innerhalbe eines <table> bestimmte CSS-Eigenschaften erhalten soll. Ein Beispiel:

PHP-Code:


<style>
table
{
border-collapse:collapse;
}

table.dashedborder td
{
border: 2px dashed #000;
}
</style>

...

<table class="dashedborder">
<tr>
<td>Inhalt</td><td>noch ein Inhalt</td>
</tr>
</table> 


Jede Gitternetzlinie der Tabelle wird jetzt nach der Definition in table.dashedborder td gezeichnet, und dank des border-collapse:collapse für Tabellen allgemein auch nicht doppelt.

[jph]

@seb
aber läuft das in allen browsern??

[Jürgen]

Original geschrieben von seb
table.dashedborder td

Geht tatsächlich, super seb!

[Jürgen]

Original geschrieben von jph
@seb
aber läuft das in allen browsern??

Ich habs gerade in Opera 6, Netscape 6, Netscape 4 und Mozilla 1.1 getestet:

NS4.x zeigt erwartungsgemäß keinen Rahmen an,
Netscape 6 ignoriert das border-collapse-Attribut

bei den anderen beiden wars OK.

[seb]

Das gehört schon zum CSS1-Standard, alle 'einigermaßen modernen' Browser sollten es also beherrschen.

Mit CSS2 kommen da sogar noch einige weitere Möglichkeiten dazu...aber leset selbst:

http://selfhtml.teamone.de/css/forma...telte_elemente

[jph]

ja das hört sich super an....
aber irgentwie bekomme ich es gerade nicht hin, dass ich nur eine tabelle auf der seite damit belegt bekomme...
geht das auch noch...
irgentwie muss ich ja dem table noch nen klassenamen zuweisen... aber ich steh grad auf dem schlauch!

[seb]

Klar, der Table schon - irgendwie muss sie sich ja von der 'breiten Masse' abheben.
In meinem Stückchen Code oben hatte ich das doch gemacht...

[jph]

-->ich versuchs nochmal!