Danke jetzt hat es geklappt!
Beiträge von indahouse
-
-
Zitat von "Basiii"
Versuch mal:
Code#kopfbereich { background:url(bilder/hg-saeulen-img-9599.jpg) no-repeat left top; height:150px; }Klappt leider nicht.
-
Dass das Bild nicht direkt oben und links am Rand ist.
-
Danke das 2. Bild ist jetzt weg, aber ich habe immernoch diesen Bikinistreifen.
-
Hallo ich bin gerade dabei HTML und CSS zu lernen und habe nun mit dem Tutorial auf der HP versucht die Seite mit den Säulen nachzubauen.
Doch irgendwie ist das Bild doppelt und eins über dem anderen.
Hier mal die Seite: <!-- m --><a class="postlink" href="http://niki321.ni.funpic.de/">http://niki321.ni.funpic.de/</a><!-- m -->HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de"><head>
<title>Säulen</title>
<link href="style.css" type="text/css" rel="stylesheet"/>
</head><body>
<div id="kopfbereich"><p>Säulen des 20.Jahrhunderts</p></div>
<div id="steuerung">Steuerung</div>
<div id="schatten"></div>
<div id="inhalt">der inhaltsbereich</div>
</body>
</html>CSS:
html,body
#kopfbereich {
background: url(haus.jpg) no-repeat left top;
height: 150px;
margin:0;
padding:0;
}
#steuerung {
background-color: #DFCFB3;
padding-left:1em;
margin: 0;
padding: 0;
}
#schatten {
background: url(schatten.png) repeat-x; height:12px;
margin: 0;
padding: 0;
}
#inhalt {
background-color: blue;
padding-left:2em;
margin: 0;
padding: 0;
}
html, body {
font: 100% Arial;
}
#kopfbereich p {
color: white;
text-align: right;
font-size: 2em;
padding:0.4em 0.4em 0 0;
}Ich hoffe ihr könnt mir helfen