Hoi,
Ik was bezig met het coderen van een layout alleen ik kom er niet helemaal uit. Ik moet namelijk 2 contenten naast elkaar krijgen alleen krijg deze niet naast elkaar. En wel onder elkaar.
Dit heb ik nu:
Ik was bezig met het coderen van een layout alleen ik kom er niet helemaal uit. Ik moet namelijk 2 contenten naast elkaar krijgen alleen krijg deze niet naast elkaar. En wel onder elkaar.
Dit heb ik nu:
<!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>Titel van je website.</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="leader"></div>
<div id="header"></div>
<div id="vlak"></div>
<div id="balk"><h1>TOPDOMEIN : XXX.NL</h1></div>
<div id="vlakje"></div>
<div id="content"><h3> <big>Oudste Domeinnamen</big><br> www.Ikea.nl <br> www.atosrtv.nl</h3></div>
<div id="contenten"></div>
<div id="footer"><h2>Copyright 2011 Websitenaam.nl - Basing By RobinDH</h2></div>
</div>
</body>
</html> /* CSS Document */
/* Stylesheet */
body { height: 100%; margin: 0; padding: 0; background:#cfcfcf url(images/background.png) repeat-x; font: 11px normal Verdana, Arial, Helvetica, sans-serif; color:#000000; }
html{ height: 100%; }
#container {width:1000px; margin:0 auto;} /* width= de breedte van je layout, margin 0 = aantal pixels vanaf de bovenkant en auto betekend gecentreerd.*/
#leader {background: url(afbeeldingen/leader.gif); width: 1000px; height: 57px; margin: 0;}
#header {background: url(afbeeldingen/header.gif); width: 1000px; height: 227px; margin: 0;}
#vlak {background: url(afbeeldingen/vlak.gif); width: 1000px; height: 56px; margin: 0;}
#balk{background: url(afbeeldingen/balk.gif); width: 1000px; height: 70px; margin: 0;}
#balk h1 {font-size: 18px; color:#000000; text-align: center; padding-top: 23px; margin: 0;}
#vlakje{background: url(afbeeldingen/vlakje.gif); width: 1000px; height: 55px; margin: 0;}
#content{background: url(afbeeldingen/content.gif); width: 475px; height: 390px; float: left; margin: 0;}
#content h3 {font-size: 14px; color:#000000; text-align: 12px; padding-top: 6px; padding-left: 65px ; margin: 0;}
#contenten {background: url(afbeeldingen/contentje.gif); margin: 0 0 0 475 px; width: 525px; height: 390px ;}
#footer {background: url(afbeeldingen/footer.gif); width: 1000px; height: 145px; margin: 0;clear:both;}
#footer h2 {font-size: 14px; color:#000000; text-align: center; padding-top: 70px; margin: 0;}
)

