• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Schatten Beim Rahmen

Status
Für weitere Antworten geschlossen.
am einfachsten und günstigsten wäre die version, das über drei extra-boxen zu machen

HTML:
<div class="schattenRechts"><div class="box1">Lorem ipsum und son Käse</div><div class="SchattenBottom">&nbsp;</div><div class="Schattenecke">&nbsp;</div><div style="clear:left;">&nbsp;</div>

und das CSS dazu sähe so aus:

Code:
.schattenRechts {background: transparent url(../img/schattenrechts.gif) top right repeat-y; width:100%; height:100%;}
.box1 {/*die einstellungen für die normale Box*/}
.SchattenBottom {width:100%; background: transparent url(../img/schattenbottom.gif) top left repeat-x;float:left;}
.Schattenecke {width:100%; background: transparent url(../img/schattenecke.gif) top left no-repeat;float:left;}

Das ist jetzt nur aus dem Kopf so runtergeschrieben, aber allgemein musst du es so aufbauen. Der Vorteil dieser Struktur: Auch wenn die Box sich verlängert oder -breitert, bleibt der Schatten und passt sich an.

P.S. für Microsoft gibts sogar ne proprietäre CSS-Eigenschaft: http://de.selfhtml.org/css/eigenschaften/filter.htm#drop_shadow
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben