CSS: cellpadding + cellspacing festlegen
Jedi 17.07.2002 - 10:46 982 12
Jedi
PROGrAMmER
|
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
Legendundead
|
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
Legendundead
|
aja.... color:#<?php echo "000000";?> etwas konfus...
|
Jedi
PROGrAMmER
|
hab aus testzwecken mal die variable entfernt und war noch zu faul zum umschreiben
|
watchout
Legendundead
|
hab aus testzwecken mal die variable entfernt und war noch zu faul zum umschreiben  und... geht das andere?
|
Jedi
PROGrAMmER
|
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  i werd jetzt allerdings mal wieder weiter prograbieren.
Bearbeitet von Jedi am 18.07.2002, 00:48
|
watchout
Legendundead
|
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...
|
Jedi
PROGrAMmER
|
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! Schade dass sowas nicht global eingestellt werden kann ...
|
watchout
Legendundead
|
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
|
bin schon aufs Resultat gespannt  es währ natürlich toll, wenn du was findest.
|
watchout
Legendundead
|
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
|
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
Legendundead
|
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...
|