tabelle in tabelle
noskule
- css
hallo zusammen
ich verusche gerade für ein wiki eine tabelle so zu stylen das sie sich visuell in eine zweite tabelle integrieren kann.
hier ein beispiel:
http://www.netstreams.org/pmwiki/index.php/Main/Table
man sieht hier eine grosse tabelle mit 2 zellen die in einer zelle eine zweite tabelle beinhaltet.
Nun sieht man hässlicherweise einen "rahmen" um die kleinere tabelle. Kann man dies ändern dass die zellen der kleineren tabelle natlos in den rahmen der grösseren tabelle übergehen?
hier noch die css definition:
#wikitext table { background-color:white; border-style:hidden; font:12px sans-serif}
#wikitext td { background-color:#eeeeee; border: 0px solid #eeeeee; text-align:left; vertical-align:top}
Die tabellen können beliebig viele leilen mit ebenso beliebig vielen cellen haben.
Hat da jemand eine idee?
lg nos
hallo noskule,
hier ein beispiel:
http://www.netstreams.org/pmwiki/index.php/Main/Table
Wieso weißt du nicht, daß du http://www.netstreams.org/pmwiki/index.php/Main/Table angeben solltest? Ein kurzer Blick in die Forums-FAQ hätte dir das verraten. Und als kleine Anmerkung: vermeide, wenn es geht, Großbuchstaben in/für URLs.
man sieht hier eine grosse tabelle mit 2 zellen die in einer zelle eine zweite tabelle beinhaltet.
Nein. Man sieht zwei Tabellen. In der zweiten (unteren) Tabelle ist allerdings eine weitere Tabelle verschachtelt.
Nun sieht man hässlicherweise einen "rahmen" um die kleinere tabelle.
Selbstverständlich. Das hast du in deiner CSS mit
class='border-bottomright'
so vorgeschrieben. Und für diese "class" hast du selbst festgelegt:
border-bottom: 1px #C0C0C0 dotted; border-right: 1px #C0C0C0 dotted;
Kann man dies ändern
Natürlich. Korrigiere deine CSS.
hier noch die css definition
Du zitierst deine eigene CSS falsch.
Grüße aus Berlin
Christoph S.
Hallo Christoph,
hier ein beispiel:
http://www.netstreams.org/pmwiki/index.php/Main/TableWieso weißt du nicht, daß du http://www.netstreams.org/pmwiki/index.php/Main/Table angeben solltest? Ein kurzer Blick in die Forums-FAQ hätte dir das verraten. Und als kleine Anmerkung: vermeide, wenn es geht, Großbuchstaben in/für URLs.
Wieso sollte er das? IMHO ist das Geschmackssache.
(Ja, ich gehe davon aus dass seine Groß- und Kleinschreibung der Dateinamen und der URLs übereinstimmen ;-)
Grüße
Marc Reichelt || http://www.marcreichelt.de/
Hi,
man sieht hier eine grosse tabelle mit 2 zellen die in einer zelle eine zweite tabelle beinhaltet.
Nein. Man sieht zwei Tabellen. In der zweiten (unteren) Tabelle ist allerdings eine weitere Tabelle verschachtelt.
komisch. Ich sehe - mit etwas gutem Willen - gerade mal eine Tabelle; zweispaltig, die linke Spalte mit Kursivschrift. Der Rest hat nach meinem Dafürhalten nichts mit Tabellen zu tun.
class='border-bottomright'
Hoppla, eine interessante Auszeichnung. Welcher Inhalt wird damit klassifiziert? Es wäre jedenfalls ein witziger Zufall, wenn das Element dann auch noch unten rechts einen Rahmen hätte ...
border-bottom: 1px #C0C0C0 dotted; border-right: 1px #C0C0C0 dotted;
... Hurra! Da gehen Inhalt und Layout Hand in Hand. So macht Webdesign Spaß.
Cheatah
hallo Cheatah,
Man sieht zwei Tabellen. In der zweiten (unteren) Tabelle ist allerdings eine weitere Tabelle verschachtelt.
komisch. Ich sehe - mit etwas gutem Willen - gerade mal eine Tabelle; zweispaltig, die linke Spalte mit Kursivschrift.
Wenn du sagst: "ich sehe", gehe ich doch korrekterweise davon aus, daß dein Blick geradewegs auf den Quelltext gerichtet ist?
Der Rest hat nach meinem Dafürhalten nichts mit Tabellen zu tun.
Diese Meinung teile ich, wollte sie aber noch vornehm zurückhalten.
class='border-bottomright'
border-bottom: 1px #C0C0C0 dotted; border-right: 1px #C0C0C0 dotted;
... Hurra! Da gehen Inhalt und Layout Hand in Hand. So macht Webdesign Spaß.
Bist du sicher, daß "noskule" versteht, was du hier so bejubelst? *SCNR*
Grüße aus Berlin
Christoph S.
hm, ich hab mich wohl nicht so klar ausgedrückt. Gemeint war die grau hinterlegte tabelle.
auf die wirken, so wie ich das verstehe die beiden zitierten definitionen (korrigiert mich wenn da noch andere einfliessen):
#wikitext table { background-color:white; border-style:hidden; font:12px sans-serif}
#wikitext td { background-color:#eeeeee; border: 0px solid #eeeeee; text-align:left; vertical-align:top}
Die zellen der kleineren tabelle (in der "examplezelle") sollten ohne aussenrand in die grössere übergehen. Hab noch ein bild gemacht, zur veranschaulichung.
Diese seite kann über den editputton vom user verändert werden und die namen sind die, die die user wählen, also mit oder ohne grossbuchstaben. Tabellen können auch in einerbeliebigen verschachtelung angelegt werden, und dabei entsteht dann das problem.