Kleines Tabellen Problem

Beitrag von **Ice Man** » 21.05.2007, 22:20

Ich bastle gerade an einer Tabelle, irgendwie will die aber nicht.

Hier mal das soll

die zeilen sollen im Wechsel 2 farbig sein (kein Problem)
Dann soll zwischen den Spalten und dem Rand der Tabelle der Abstand 2pixel sein (Problem)

Also wenn ich cellspacing="2" verwende, hab ich den 2 px Abstand auch zwischen Zelle 1 und Zelle 2.
Da soll aber kein Abstand sein.

Wo hab ich den Denkfehler, irgendwie bekomm ich den Abstand nicht hin ?
Wer kann helfen

von **Anzeige von ABAKUS** »

Beitrag von **Anonymous** » 21.05.2007, 22:59

CSS ist dein freund... da haste wesentlich mehr Möglichkeiten das Aussehen der Tabelle zu definieren...

Beitrag von **semtex** » 21.05.2007, 23:04

Dann musste mit "padding" arbeiten :

https://de.selfhtml.org/css/eigenschaft ... bstand.htm

Bild

https://de.selfhtml.org/css/eigenschaften/tabellen.htm

Bild

Beitrag von **Ice Man** » 21.05.2007, 23:08

auf https://de.selfhtml.org/ hab ich vorhin schon ne weile gelesen.

Aber leider fand ich nicht das passende.
Es soll ja kein Abstand zwischen Zelle1 und 2 zu sehen sein.

Wenn ich in jede Spalte noch eine Tabelle lege, dann geht es, aber das erhöht den Quellcode imens. Muss doch auch ohne so viele Tabellen gehen

Also cellpadding und cellspacing bringen mich hier nicht weiter.

@ semtex
es geht nicht um den Abstand vom Text zum Rahmen, sondern um den Abstand von Spalte zu Spalte und Ramen. Und es soll kein Abstand zwischen Zelle und Zelle vorhanden sind.

Beitrag von **MonikaTS** » 22.05.2007, 00:13

Code: Alles auswählen

table&#123;border&#58;2px solid red;
padding&#58;0;border-collapse&#58;collapse;
&#125;
tr&#123;&#125;
td&#123;background-color&#58;#ffa500; border-bottom&#58;1px solid red;&#125;
td+td&#123;border-bottom&#58;1px solid red;&#125;
td+td+td&#123;border-top&#58;1px solid red;border-bottom&#58;none;&#125;
td+td+td+td&#123;border-top&#58;1px solid red;border-bottom&#58;none;&#125;

mancher IE kann border-collapse nicht, was dabei herauskommt ist hie und da sehr kreativ oder so

dochich glaube dich richtig verstanden zu haben table beispiel

lg

Beitrag von **Ice Man** » 22.05.2007, 09:44

Danke, sieht schon mal gut aus, werds dann gleich mal bei mir Testen.

Wenn ich mir den Quellcode auf deiner Beispielseite anschaue, dann ist da ja nix formatiert ? Also keine Classen vergeben ?

Wie geht das ?

Beitrag von **MonikaTS** » 22.05.2007, 10:00

Ice Man hat geschrieben:Danke, sieht schon mal gut aus, werds dann gleich mal bei mir Testen.

Wenn ich mir den Quellcode auf deiner Beispielseite anschaue, dann ist da ja nix formatiert ? Also keine Classen vergeben ?

Wie geht das ?

wenn Du nur eine einzige Tabelle hast, brauchts dafür ja keine classen/id's.

im Quellcode siehst Du zwischen head und /head, dass ich eine externe css Datei verlinkt habe

ich nannte sie :problem.css, einfach, weil ich da schon viele Tabellenbeispiele in dem Ordner drin habe;)

probier es aus

lg