Dieter Raber: Kleiner Schattenwurf um Tabellen

Beitrag lesen

Hallo Ralf,

Mir fallen spontan drei Moeglichkeiten ein:

  • IE Filter shadow bzw. dropShadow

  • CSS border rechts und unten, was aber vermutlich nur bei sehr schmalen Schatten funktionieren wird

  • Tabelle mit Grafik
    Die Tabelle sieht dann so aus, ich gehe mal von einer Schattenbreite/hoehe von 4 px aus:
    |1|2|3|
    |4|5|6|
    |7|8|9|

  • 1, 2, 4 und 5 werden mit rowspan/colspan zu einer Zelle zusammengefasst und enthalten den eigentlichen Inhalt

  • 3 hat keinen Hintergrund

  • 6 hat eine Grafik mit einem Schattenverlauf von links nach rechts als Hintergrund, 1px hoch, 4px breit

  • 7 hat keinen Hintergrund

  • 8 hat eine Grafik mit einem Schattenverlauf von oben nach unten als Hintergrund, 1px breit, 4px hoch

  • 9 hat eine 'Schattenecke' als Hintergrund 4px mal 4px

Die Groesse von 3, 6, 7, 8, 9 musst du mit einem transparenten Gif festlegen, die Schatten vorher in einer Bildbearbeitung basteln und zuschneiden.

Gruß,

Dieter