Beste,
Ik ben een website aan het maken, ik zou graag het menu in de header maken. Ik heb in css een plaatje als achtergrond neer gezet van de header. Ik dacht vervolgens dan zet je in html in de <div> van de header Home contact en de rest van het menu, maar nu komt dit boven in de header te staan in plaats van onder in de header. Hoe krijg ik dit omlaag? Ik zal hier beneden even de beide codes neerzetten is wat duidelijker.
HTML:
<!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>Untitled Document</title>
<link href="css-homepage.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="header">
home
</div>
</div>
</body>
</html>
CSS:
body {
background-color:#fff;
}
#container {
width:600px;
margin: 0px auto;
}
#container #header {
height:199px;
background-image:url(images/header.jpg);
}
#container #header #menu {
Met vriendelijke groet,
-
19-12-2010, 12:29 #1
Particulier
- Berichten
- 63
- Lid sinds
- 15 Jaar
Menu in header
-
In de schijnwerper
Ervaren WordPress & WooCommerce Developer – Pixel-perfect & Whitelabel maatwerk!Freelance / WerkAllesOverFreelancen.nl - DA11 - Uit 2006Domein te koopTe Koop: Online Vastgoedplatform en BedrijfWebsite te koopWebsitedown.nl - Controleren of jou of andere websites online of offline zijnWebsite te koop -
19-12-2010, 12:53 #2
Particulier
- Berichten
- 449
- Lid sinds
- 14 Jaar
Re: Menu in header
Probeer dit eens:
#container #header {
height:30px;
background-image:url(images/header.jpg);
padding:169px 10px 0px 10px;
}
-
19-12-2010, 12:56 #3
Particulier
- Berichten
- 63
- Lid sinds
- 15 Jaar
Re: Menu in header
Je bent hartstikke bedankt, het werkt perfect.
Fijne feest dagen en een happy 2011,
