Hallo Kollegen,
das Problem steht noch und auch bei Schatten. Bei der Hintergründbild habe ich geschaft nur direkt durch kopieren url(<!-- m --><a class="postlink" href="http://www.html-seminar.de/bilder/hg-saeulen-img-9599.jpg">http://www.html-seminar.de/bilder/hg-sa ... g-9599.jpg</a><!-- m -->); Bei Schatten leider geht nicht. Hier sind die Code:
<!DOCTYPE html>
<html>
<head>
<title>Säulenbauten</title>
<meta charset="UTF-8">
<meta name="description" content="">
<meta name="author" content="">
<meta name="keywords" content="">
<meta name="generator" content="Webocton - Scriptly (<!-- m --><a class="postlink" href="http://www.scriptly.de">http://www.scriptly.de</a><!-- m -->)">
<link href="style.css" type="text/css" rel="stylesheet">
</head>
<body>
<div id="kopf">
<p id="motto">Säulenbauten des 20. Jahrhunderts</p>
</div>
<div id="steuerung">
<ul>
<li>Startseite </li>
<li>Über uns</li>
<li> ...</li>
<li> Impressum</li>
</ul>
</div>
<div id="schatten">
Schatten
</div>
<div id="inhalt">
<h1>Willkommen zur Beispielwebsite</h1>
<p>Diese Website gliedert sich in 4 Bereich</p>
<ul>
<li>Kopfzeile: Hintergrundbild-Download</li>
<li>Zeile Steuerung</li>
<li>Übergang mit Schattenwurf: Download Schattenwurf</li>
<li>Inhaltsbereich</li>
</ul>
<p>Um die verschiedenen Bereich beim Entwickeln am besten Rahmen ziehen, damit sofort erkennbar ist, wo welcher DIV sitzt :)</p>
<p>zurück zum HTML-Seminar</p>
</div>
</body>#kopf {
background-color: #FFFF00;
background-image: url(<!-- m --><a class="postlink" href="http://www.html-seminar.de/bilder/hg-saeulen-img-9599.jpg">http://www.html-seminar.de/bilder/hg-sa ... g-9599.jpg</a><!-- m -->);
height: 150px;
color: #FFFFFF;
text-align: right;
font-size: 2em;
padding-right: 30px;
}
#motto {
padding: 30px;
}
#steuerung {
background-color: #7FFFFF;
}
#schatten {
background-color: #C0C0C0;
background-image: url(bilder/schattenwurf.png);
}
#inhalt {
background-color: #FF5500;
}
</html>
Viele Grüße an Lauras und Shakkan
Manu