HTML interesse |
|
dit is de code van mijn style:
body { background-color: #FFFFFF; color: #000000; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10pt; height: 100%; }
img { border: 0; }
#linkenlogo {
position: absolute;
left: 0px;
top: 0px;
background-color: #E8FFE5;
width: 200px;
line-height: 0;
height: 100%;
}
#bovenbalk {
position: absolute;
left: 200px;
top: 0px;
background-color: #E8FFE5;
width: 100%;
height: 12px;
}
body { background-color: #FFFFFF; color: #000000; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10pt; height: 100%; } img { border: 0; } #linkenlogo { position: absolute; left: 0px; top: 0px; background-color: #E8FFE5; width: 200px; line-height: 0; height: 100%; } #bovenbalk { position: absolute; left: 200px; top: 0px; background-color: #E8FFE5; width: 100%; height: 12px; }
en dit is de inhoud van de body:
<div id="linkenlogo">
<img src="WNPlogogroen.jpg" alt="" /><a href="#"><img src="Industrielawit801.jpg" alt="" /></a><a href="#"><img src="Horeca801.jpg" alt="" /></a><a href="#"><img src="ordening801.jpg" alt="" /></a><a href="#"><img src="Arbeid801.jpg" alt="" /></a><a href="#"><img src="Bouwfysica801.jpg" alt="" /></a><a href="#"><img src="Klimaat801.jpg" alt="" /></a><a href="#"><img src="Trilling801.jpg" alt="" /></a><a href="#"><img src="Akoestiek801.jpg" alt="" /></a><a href="#"><img src="Vergunning801.jpg" alt="" /></a>
</div>
<div id="bovenbalk">
</div>
<div id="linkenlogo"> <img src="WNPlogogroen.jpg" alt="" /><a href="#"><img src="Industrielawit801.jpg" alt="" /></a><a href="#"><img src="Horeca801.jpg" alt="" /></a><a href="#"><img src="ordening801.jpg" alt="" /></a><a href="#"><img src="Arbeid801.jpg" alt="" /></a><a href="#"><img src="Bouwfysica801.jpg" alt="" /></a><a href="#"><img src="Klimaat801.jpg" alt="" /></a><a href="#"><img src="Trilling801.jpg" alt="" /></a><a href="#"><img src="Akoestiek801.jpg" alt="" /></a><a href="#"><img src="Vergunning801.jpg" alt="" /></a> </div> <div id="bovenbalk"> </div>
het probleem is; dat de bovenbalk en het menu links elkaar in de weg zitten, ze hebben 100% alleen dat is 100% breedte van het scherm maar dan pas naast (of onder) de andere div waardoor er onnodige scrollbalken ontstaan, hoe los ik dit op?
|