"We are back" « oc.at

CSS: cellpadding + cellspacing festlegen

Jedi 17.07.2002 - 10:46 982 12
Posts

Jedi

PROGrAMmER
Avatar
Registered: May 2002
Location: linz
Posts: 1871
Ursprünglich wollt ich eine Klassendefinitionen erstellen, bei der sämtliche Einstellungen einer Tabelle enthalten sind, damit ich nur mehr in der eigentichen Tabellendefinition die Klasse angeben brauche um alles nach meinen Wünschen aussehen zu lassen.

Das geht anscheinend nicht.

Nun hab ich angefangen 3 Definitionen für table-, th- und td-eigenschaften zu erstellen.
Damit hab ich zwar mehr schreibarbeit, aber es funktioniert zumindest.
Allerdings funktionieren cellpadding und cellspacing nicht.

im .inc file schauts ungefähr wie folgt aus:

...
.tablecol{ background-color:#<?php echo $bg_dark;?>; ??? CELLPADDING *1) & CELLSPACING ??? }
.thcol{ background-color:#<?php echo $bg_middle;?>; color:#<?php echo "000000";?>; font-family:verdana; font-size:10px; }
.tdcol{ background-color:#<?php echo $bg_light;?>; color:#<?php echo "000000";?>; font-family:verdana; font-size:10px; }
...

*1) z.B.: 'padding:1px;' wird ignoriert

Selfhtml war nicht sehr aufschlussreich.


Für Hilfe währ ich euch unundlich dankbar :)

watchout

Legend
undead
Avatar
Registered: Nov 2000
Location: Off the grid.
Posts: 6845
padding muss imho in den td-tags stehen...
und mit margin müsstest auch das cellspacing imitieren können... müsste auch in den td's stehen (oder halt in der klassendef.)

watchout

Legend
undead
Avatar
Registered: Nov 2000
Location: Off the grid.
Posts: 6845
aja....
Zitat
color:#<?php echo "000000";?>
etwas konfus...:rolleyes: :confused:

Jedi

PROGrAMmER
Avatar
Registered: May 2002
Location: linz
Posts: 1871
hab aus testzwecken mal die variable entfernt und war noch zu faul zum umschreiben :D

watchout

Legend
undead
Avatar
Registered: Nov 2000
Location: Off the grid.
Posts: 6845
Zitat von Jedi
hab aus testzwecken mal die variable entfernt und war noch zu faul zum umschreiben :D
und... geht das andere?

Jedi

PROGrAMmER
Avatar
Registered: May 2002
Location: linz
Posts: 1871
das mit der variable hat damit doch nix zu tun ... das ist lediglich für die farbwerte die ja problemlos gehen.

margin hab ich noch nicht probiert, weil ich davor noch was aufbauendes brauchte (mit soundeffekten herumgespielt), damit der frust hinterher nicht zu groß wird, wenns damit auch ned geht :D

i werd jetzt allerdings mal wieder weiter prograbieren. ;)
Bearbeitet von Jedi am 18.07.2002, 00:48

watchout

Legend
undead
Avatar
Registered: Nov 2000
Location: Off the grid.
Posts: 6845
wird schon gehn, aber poste das ergebnis bitte... bin zu faul zum ausprobieren, aber es interessiert mich... könnt' das ja auch vielleicht mal brauchen... :rolleyes:

Jedi

PROGrAMmER
Avatar
Registered: May 2002
Location: linz
Posts: 1871
mit margin überlappen sich die tabllen auf meiner page plötzlich, damit kann ich nix anfangen.

Jetzt hab ich bei jeder Tabelle cellpadding + cellspacing händisch hinzugefügt und es geht - welch Wunder! :D

Schade dass sowas nicht global eingestellt werden kann ...

watchout

Legend
undead
Avatar
Registered: Nov 2000
Location: Off the grid.
Posts: 6845
komisch... ich werd' mich nochmal genauer damit beschäftigen... das muss sich doch machen lassen... mein Ergebnis post' ich da natürlich rein ;)

Jedi

PROGrAMmER
Avatar
Registered: May 2002
Location: linz
Posts: 1871
bin schon aufs Resultat gespannt :)

es währ natürlich toll, wenn du was findest.

watchout

Legend
undead
Avatar
Registered: Nov 2000
Location: Off the grid.
Posts: 6845
hmm, ich habe mich jetzt damit eingehender beschäftigt - muss dich aber leider enttäuschen, es gibt nur eine Möglichkeit nach dem CSS 2.0 Standard, der aber bis jetzt lt. SelfHTML nur von Netscape 6.0 unterstützt wird, getestet hab ich's noch nicht genauer, aber das wird wahrscheinlich stimmen...
auf jeden fall wäre die Syntax so: TABLE.BORDER-SPACING:10px

Ich hab mir auch eine "gecheatete" Version einfallen lassen... und zwar ginge das ca so:
//STYLES:
DIV.cell {
BORDER: 1px solid #000000;}
TABLE {
BORDER: none}
TD {
MARGIN:5px}
//HTML:
<TABLE>
<TR>
<TD><DIV CLASS="cell">DER TEXT</DIV></TD>
<TD><DIV CLASS="cell">Noch ein TEXT</DIV></TD>
</TR>
</TABLE


von der Schreibarbeit nicht so toll, dafür halt sehr flexibel

bernhard

Little Overclocker
Registered: Feb 2001
Location: NÖ
Posts: 51
Code:
table.foo {
  border-spacing: 0; /* ^= cellspacing */
}

table.foo td {
  padding: 2px;      /* ^= cellpadding */
}

Das Attribut "border-spacing" wird zur Zeit von Mozilla, Netscape 6, Opera 5 und Konqueror korrekt interpretiert.
<http://www.xs4all.nl/~ppk/css2tests/intro.html>

watchout

Legend
undead
Avatar
Registered: Nov 2000
Location: Off the grid.
Posts: 6845
Zitat von bernhard
Code:
table.foo {
  border-spacing: 0; /* ^= cellspacing */
}

table.foo td {
  padding: 2px;      /* ^= cellpadding */
}

Das Attribut "border-spacing" wird zur Zeit von Mozilla, Netscape 6, Opera 5 und Konqueror korrekt interpretiert.
<http://www.xs4all.nl/~ppk/css2tests/intro.html>
ähm, wer lesen kann ist klar im Vorteil...:rolleyes:
Kontakt | Unser Forum | Über overclockers.at | Impressum | Datenschutz