Mathijsomatic
Gebruiker
- Lid geworden
- 9 jul 2006
- Berichten
- 9
Ik heb wat hulp nodig met het inelkaar zetten van mijn site, ik heb nog niet zoveel verstand van het positioneren van Div bestanden,, dus het is weer een grote rommelzooi.
Nou had ik de vraag hoe plaats ik dit goed en onthoud ik dit voor de volgende keer
http://www.mediavormgever.net/~thillart86/animatie/
dat is de link waarop de site weergeven wordt
zo moet de website eruit komen zien
http://i43.tinypic.com/2je4wib.jpg
css
Html
Nou had ik de vraag hoe plaats ik dit goed en onthoud ik dit voor de volgende keer
http://www.mediavormgever.net/~thillart86/animatie/
dat is de link waarop de site weergeven wordt
zo moet de website eruit komen zien
http://i43.tinypic.com/2je4wib.jpg
css
Code:
/* CSS Document */
body {
background-image:url(bg.jpg);
margin-top:0;
}
#container {
width:757px;
height:868px;
margin-left:auto;
margin-right:auto;
}
#header {
background-image:url(images/ani_01.jpg);
width:757px;
height:248px;
float:left;
}
ul{
list-style:none;
}
li{
display:inline;
}
#sidebalkleft{
background-image:url(images/ani_02.jpg);
width:28px;
height:575px;
float:left;
}
#menu{
width:479px;
height:41px;
float:left;
}
#menu a{
border:none;
text-decoration:none;
list-style:none;
display:inline;
}
#onderstuk{
background-image:url(images/ani_07.jpg);
width:223px;
height:41px;
float:left;
}
#content{
background-image:url(images/ani_10.jpg);
width:556px;
height:495px;
float:left;
}
#menubalk{
background-image:url(images/ani_09.jpg);
height:39px;
width:702px;'
float:right;
}
#onderbalk{
background-image:url(images/ani_12.jpg);
width:757px;
height:45px;
float:inherit;
}
#rechterbalk{
background-image:url(images/ani_08.jpg);
height:575px;
width:28px;
float:right;
}Html
Code:
<!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=iso-8859-1" />
<title>Animatie</title>
<link href="div.css" rel="stylesheet" type="text/css" />
</head>
<body><div id="container">
<div id="header">
</div>
<div id="sidebalkleft">
</div>
<div id="menu">
<ul>
<li><a href="index.html"> <img src="images/ani_03.jpg" width="118" height="41" /></a></li>
<li><a href="historie.html"><img src="images/ani_04.jpg" width="120" height="41" /></a></li>
<li><a href="studiolfc.html"><img src="images/ani_05.jpg" width="121" height="41" /></a></li>
<li><a href="contact.html"> <img src="images/ani_06.jpg" width="120" height="41" /> </a> </li>
</ul>
</div>
<div id="onderstuk"></div> <div id="rechterbalk"></div>
<div id="menubalk"></div>
<div id="content">
</div>
<div id="onderbalk">
</div>
</div>
</body>
</html>
