schatten mit CSS

[kolja]

nabend forum

ich jetzt stecke ich endgültig fest

ich mochte gerne die einzelnen boxen auf meinem portal etwas plastischer darstellen
die boxen bestehen aus zwei tabellen übereinander
(eine rot, die andere gelb)

so:

Edit: Image mit .htaccess Abfrage entfernt. - Dr.Death

und vielleicht wird die misere auch schon sichtbar...

dieses boxenlayout gibt es natürlich in verschiedenen größen,
desswegen muss die rote tabelle in die breite gehen können,
die gelbe aber auch in die höhe

mir würde nur einfallen ein tabellen konstrukt um die ganze gelbe box zu bauen,
aber dass müsste ich dann bei jeder box einzeln machen

desswegen meine hoffnung in css;

kann ich mit div-containern nicht ein gebilde erstellen welches
ich als hintergrundbild für die gelbe tabelle nehmen kann ??

oder so:

Code: Alles auswählen

style="border-left:1px solid; border-right:1px solid; border-bottom:1px solid;"

nur mit nem schatten nach innen....

n8

kolja

[kolja]

bump!

[Jensemann]

Ein beliebiges Konstrukt kannst du mittels CSS nicht als Hintergrund laden. Hintergründe aus mehreren Bildern sind leider ebenfalls noch nicht in den aktuell nutzbaren CSS-Versionen implementiert. Du könntest zwar eine Tabelle oder einen anderen Container mittels z-index über einen anderen legen, dies löst aber die Problematik der notwendigen Skalierung nicht. Kommt hier als Lösung also ebenfalls nicht in Frage.

Dir bleibt eigentlich nichts anderes übrig, als die Grafik zu zerschneiden und ein Konstrukt aus div oder Tabelle um deinen Kasteninhalt zu bauen.

[kolja]

Dir bleibt eigentlich nichts anderes übrig, als die Grafik zu zerschneiden und ein Konstrukt aus div oder Tabelle um deinen Kasteninhalt zu bauen.

dass muss ich dann aber bei über 50 boxen machen....

ob ich mir dass antun werde weißss ich noch nicht

aber danke für die ernüchterung

kolja

[Jensemann]

dass muss ich dann aber bei über 50 boxen machen....

Örks Das wäre vielleicht ein Grund sich etwas in Javascript einzuarbeiten und ein Script in den Header einzubinden, dass beim onload-Event die jeweiligen Tabellen entsprechend "transformiert", also die notwendigen Codes davor und danach automatisiert einfügt.