Box Shadow um DivBox

rockystar · 16 November 2012

Hallo an alle,
Ich hab vor ein paar monaten angefangen meine Eigene Website zu erstellen.
Ich hatte Höhen und Auch Tiefen, wobei sich die meisten Fragen rechtbald geklärt hatten.
Doch jetzt Steh ich seit geraumer Zeit vor einem schier unlösbaren Problem...
Mann muss sich meine Seite wie folgt vor stellen:
ca. 8 verschiedene Weiße Boxen und dazwischen ein paar Bilder und TEXT.
Nun möchte ich um die Boxen einen kleinen Schlagschatten haben.
Soweit alles klar. nur löst der Befehl Box Shadow bei mir größte Verwirrung aus.
Ich kenn mich recht gut mit HTML und etwas mit CSS aus, doch es scheint unmöglich einen kleinen Schatten um ein paar Boxen zu kreieren.
Ich weiß das ich den Befehl entweder im Header oder direkt im Element unterbringen kann( mit externer Datei kenn ich mich noch nicht aus).
Doch es will nicht klappen:
Hier etwas Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
#apDiv1 {
position: absolute;
left: 147px;
top: 125px;
width: 503px;
height: 296px;
z-index: 1;
}
</style>
</head>

<body>
<div id="apDiv1" style="box-shadow: 5px 5px 10px 2px">TEXT</div>
<h1 style="letter-spacing:30px;">Überschrift</h1>
</body>
</html>

So sieht nur ein Bsp. aus, was mir aber auch nicht gelingen will.
Es ist einfach kein schatten erkennbar nur der text TEXT steht da und die fette Überschrift..aber kein SChatten.

Bitte helft mir, hab schon überall gesucht..
Gruß Jan

threadi · 16 November 2012

Du hast vergessen die Farbe anzugeben. Schau dir mal den Generator hier an:
Box Shadow Generator | CSS3 Generator | CSS3Gen

rockystar · 17 November 2012

Danke du hast meine WEbsite gerettet.

Box Shadow um DivBox

rockystar

Neues Mitglied

threadi

Moderator

rockystar

Neues Mitglied

Neueste Beiträge