Background image in header

Status
Niet open voor verdere reacties.

jwalraven

Gebruiker
Lid geworden
21 dec 2000
Berichten
272
Beste,

Ik heb een probleem met een background image in een header krijgen.
Ik heb verschillende manieren geprobeerd, maar onderstaande zou in principe toch moeten werken?

Onderstaande staat in HTML:

HTML:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link href="test.css" rel="stylesheet" type="text/css">
</head>

<body>
 <header>
	<div id="header">
		Test tekst
	</div>
</header>
</body>
</html>


En onderstaande in CSS:

HTML:
@charset "utf-8";
#header {
	background:image url(bg.jpg);
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
}

Heb al geprobeerd om bestandsnaam tussen "quotes" te zetten.
Heb al geprobeerd om niet de <div> aan te spreken, maar alleen de header.
Heb al geprobeerd een class te maken in plaats van een ID.
Ik kan de background van kleur veranderen en zelfs een gradiënt ervan maken, maar een image krijg ik niet voor elkaar.

Alle hulp is welkom.
 
De naam van de eigenschap is:
background-image

Dus:
HTML:
background-image: url("bg.jpg");
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan