gridishere
Gebruiker
- Lid geworden
- 5 nov 2009
- Berichten
- 283
Hallo!
Ik wil graag de layout uit de afbeelding doorvoeren in mijn div/css layout om mijn ontwerp eens af te ronden.
Als het kan wil ik met relative werken. Zou iemand mij willen helpen met het doorvoeren van het css? Ik geloof dat ik er niet helemaal uit kom..
Bekijk bijlage Voorbeeld grid.zip
Graag zou ik het zo willen doorgevoerd hebben:
Dit heb ik in Dreamweaver tot nu toe gemaakt:
index.html
style.css
Bij voorbaat dank!!
grid
Ik wil graag de layout uit de afbeelding doorvoeren in mijn div/css layout om mijn ontwerp eens af te ronden.
Als het kan wil ik met relative werken. Zou iemand mij willen helpen met het doorvoeren van het css? Ik geloof dat ik er niet helemaal uit kom..
Bekijk bijlage Voorbeeld grid.zip
Graag zou ik het zo willen doorgevoerd hebben:
Dit heb ik in Dreamweaver tot nu toe gemaakt:
index.html
Code:
<html>
<link href="style.css" rel="stylesheet" type="text/css">
<body>
<div id="boven">Content for id "header" Goes Here</div>
<div id="links_midden">Content for id "links_midden" Goes Here</div>
<div id="midden">Content for id "midden" Goes Here</div>
<div id="rechts_midden">Content for id "rechts_midden" Goes Here</div>
<div id="onder">Content for id "onder" Goes Here</div>
</body>
</html>style.css
Code:
#boven {
background-color: #F00;
height: 124px;
width: 900px;
margin: auto;
position: relative;
}
#links_midden {
background-color: #FF0;
float: left;
height: 187px;
width: 300px;
margin: auto;
position: relative;
}
#midden {
background-color: #FFF;
height: 187px;
width: 300px;
margin: auto;
float: left;
position: relative;
}
#rechts_midden {
background-color: #0F0;
float: left;
height: 184px;
width: 300px;
margin: auto;
position: relative;
}
#onder {
background-color: #00F;
height: 124px;
width: 900px;
margin: auto;
position: relative;
}Bij voorbaat dank!!
grid
Laatst bewerkt:
