tracid
Legacy Member
Voor een project voor school moet ik een website ontwerpen. Basic layout, bovenaan banner, daaronder fotoreeks, en daaronder de hoofdnavigatie. Deze moet horizontaal worden uitgeleind, en we zijn verplicht te werken met div's, maar hoe aligneer je die div's naast elkaar? Deze bestaat uit een vjiftal knoppen. Dit is men code:
HTML:
<body>
<div id="banner"><img src="afbeeldingen/Banner.gif" alt="Cornelli's" /></div>
<div id="fotoindex"><img src="afbeeldingen/fotobanner.jpg" alt="Cornelli's" /></div>
<div class="knoppen">
<div class="kn_rest"><img src="afbeeldingen/kn_restaurant.gif" alt="restaurant" /></div>
<div class="kn_menukaart"><img src="afbeeldingen/kn_menukaart.gif" alt="menukaart" /></div>
</div>
<div class="navspace"><img src="afbeeldingen/spacerbovn.gif" alt="spacer" /></div>
<div class="navkn_links"><img src="afbeeldingen/locatie&adres.gif" alt="locadr" /></div>
<div class="navkn_links"><img src="afbeeldingen/openingsuren.gif" alt="openuur" /></div>
<div class="navkn_links"><img src="afbeeldingen/fotogallerij.gif" alt="fotogallerij" /></div>
<div class="spacer"><img src="afbeeldingen/spacer-15.gif" alt="spacer" /></div>
</body>
HTML:
/* CSS Document */
body {margin-left:0px;}
#banner { width:1024px;
height:131px;}
.navspace{ width:230px;
height:18px;}
.navkn_links{width:230px;
height:48px;}
.spacer {width:230px;
height:255px;
}
.navbar { width: 1024px;
height:50px;
}
.knoppen {height: 50px;
width:1024px;
}
.kn_rest {
height:50px;
width:166px;
}
.kn_menukaart {height:50px;
width:166px;
}
.