Html / Css Background

BlindC0der

Cadet 4th Year
Registriert
Jan. 2010
Beiträge
109
Also ein Teil meiner CSS Datei:
Code:
body
{
background-color: #eeeeee;

}

header
{
  background-image:url('header.png');
  background-repeat:repeat-x;
  font-family: arial, verdana, sans-serif;
  font-variant: small-caps;
  font-size: 14px;
  text-decoration: underline;
  letter-spacing: 6px;
  text-transform: uppercase;
  padding: 20px 20px 20px 80px;
  width: 1200px;
  height: 350px;


}

Html Datei:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Index</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="header">
.
</div>
</body>
</html>

Jetzt wird aber beim Header nur der punkt angezeigt und nicht header.png was ja eigentlich der hintergrund sein soll ist nicht da! Was mach ich falsch?!

Danke schonmal ;)
 
Mach mal ein "#" in deiner css-Datei vor die Bezeichnung "header" (da es sich um eine ID handelt), dann funktionierts auch.
 
Hallo,

setzt mal in deiner CSS datei vor dem header ein # .

Also so:
HTML:
#header
{
background-image:url('header.png');
background-repeat:repeat-x;
font-family: arial, verdana, sans-serif;
font-variant: small-caps;
font-size: 14px;
text-decoration: underline;
letter-spacing: 6px;
text-transform: uppercase;
padding: 20px 20px 20px 80px;
width: 1200px;
height: 350px;
}

Viele Grüße
denyo1990
 
Zurück
Oben