Onbekend |
|
EDIT: Ik heb hem weer veranderd. Nu staat alleen de webpoll en links nog onder de header.
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<title>lol</title>
<meta http-equiv="Content-Language" content="nl" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="MSSmartTagsPreventParsing" content="true" />
<meta name="description" content="lol" />
<meta name="keywords" content="lol" />
<meta name="author" content="lol" />
<style type="text/css" media="all">@import "style.css";</style>
</head>
<body>
<br /><br />
<div id="header">
<!-- linker kollom -->
<div id="linkervlak"></div>
<!-- rechter kollom -->
<div id="rechtervlak"></div>
<!-- midden kollom -->
<div id="beginpagina"></div>
<div id="nieuwsarchef"></div>
<div id="profielen"></div>
<div id="gastenboek"></div>
<div id="fotoarchief"></div>
<div id="webpoll"></div>
<div id="links"></div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=UTF-8" /> <title>lol</title> <meta http-equiv="Content-Language" content="nl" /> <meta http-equiv="imagetoolbar" content="no" /> <meta name="MSSmartTagsPreventParsing" content="true" /> <meta name="description" content="lol" /> <meta name="keywords" content="lol" /> <meta name="author" content="lol" /> <style type="text/css" media="all">@import "style.css";</style> </head> <body> <br /><br /> <div id="header"> <!-- linker kollom --> <div id="linkervlak"></div> <!-- rechter kollom --> <div id="rechtervlak"></div> <!-- midden kollom --> <div id="beginpagina"></div> <div id="nieuwsarchef"></div> <div id="profielen"></div> <div id="gastenboek"></div> <div id="fotoarchief"></div> <div id="webpoll"></div> <div id="links"></div> </div> </body> </html>
style.css
html, body {
margin: 0;
padding: 0;
text-align: center;
}
#header {
width: 800px;
height: 221px;
}
#linkervlak {
float: left;
width: 5px;
height: 221px;
background-image: url(images/header_01.gif);
}
#beginpagina {
float: left;
width: 193px;
height: 34px;
background-image: url(images/header_02.gif);
}
#rechtervlak {
float: right;
width: 602px;
height: 221px;
background-image: url(images/header_03.gif);
}
#nieuwsarchef {
float: left;
width: 193px;
height: 32px;
background-image: url(images/header_04.gif);
}
#profielen {
float: left;
width: 193px;
height: 30px;
background-image: url(images/header_05.gif);
}
#gastenboek {
float: left;
width: 193px;
height: 30px;
background-image: url(images/header_06.gif);
}
#fotoarchief {
float: left;
width: 193px;
height: 31px;
background-image: url(images/header_07.gif);
}
#webpoll {
float: left;
width: 193px;
height: 28px;
background-image: url(images/header_08.gif);
}
#links {
float: left;
width: 193px;
height: 36px;
background-image: url(images/header_09.gif);
}
html, body { margin: 0; padding: 0; text-align: center; } #header { width: 800px; height: 221px; } #linkervlak { float: left; width: 5px; height: 221px; background-image: url(images/header_01.gif); } #beginpagina { float: left; width: 193px; height: 34px; background-image: url(images/header_02.gif); } #rechtervlak { float: right; width: 602px; height: 221px; background-image: url(images/header_03.gif); } #nieuwsarchef { float: left; width: 193px; height: 32px; background-image: url(images/header_04.gif); } #profielen { float: left; width: 193px; height: 30px; background-image: url(images/header_05.gif); } #gastenboek { float: left; width: 193px; height: 30px; background-image: url(images/header_06.gif); } #fotoarchief { float: left; width: 193px; height: 31px; background-image: url(images/header_07.gif); } #webpoll { float: left; width: 193px; height: 28px; background-image: url(images/header_08.gif); } #links { float: left; width: 193px; height: 36px; background-image: url(images/header_09.gif); }
Citaat: Haytjes note:
kan je ook het probleem omschrijven
|