Tabellenbox mit Schatten, wie in CSS ? | CSS

Muenchi

Vielleicht könnt ihr mir weiterhelfen.. und zwar habe ich mit Photoshop jetzt ein Design erstellt und will es als HTML-Seite umsetzen.

Habe eine Tabellengrafik erstellt, bei dem oben ein kleiner roter Verlauf drin ist, mit dem Benutzername. Darunter ein Foto vom Benutzer und weitere Links (Profil ändern usw). Die ganze Tabelle hat dazu noch ein Schatten.

Frage: Wie krieg ich das jetzt mit einem CSS-Layer so hin, dass der Schatten der Box bleibt und nach unten hin sich die Textbox variabel ändern kann?

Habt ihr vielleicht ein gutes Tutorial dazu?

Hier ein Foto dazu:

Master.T

Hi,
also so richtig gibt´s da keine Funktion für. Erst steht aber auch leider noch in den Sternen das es bei CS3 eine Funktion namens border-image geben wird aber naja da es das nicht gibt gebe ich dir jetzt mal die jetzt schon funktionierende Option.
Also erstmal der CSS code:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:

/* links */
div.rahmen {background:url(links.jpg) repeat-y;}
/* rechts */
div.rahmen div {background:url(rechts.jpg) right repeat-y;}
/* oben */
div.rahmen div div {background:url(oben.jpg) repeat-x;}
/* unten */
div.rahmen div div div {background:url(unten.jpg) bottom repeat-x;}
/* oben links */
div.rahmen div div div div {background:url(oben_link.jpg) left top no-repeat;}
/* oben rechts */
div.rahmen div div div div div {background:url(oben_rechts.jpg) right top no-repeat;}
/* unten links */
div.rahmen div div div div div div {background:url(unten_links.jpg) left bottom no-repeat;}
/* unten rechts */
div.rahmen div div div div div div div {background:url(unten_rechts.jpg) right bottom no-repeat;}
/* Abstand zum Rahmen */
div.inhalt {padding: 10px 10px 15px 10px;}

So dann noch der HTML Code:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:

<div class="rahmen">
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<div class="inhalt">
Hier kommt dein Table etc rein...
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

Hoffe ich konnte dir weiterhelfen.

Mfg
Master.T