Bram
Legacy Member
ok, vraagje: ik ben aan het experimenteren met een nieuwe layout, die ik vroeger gewoon in de standaard photoshop table zou laten staan, maar nu wou ik diezelfde layout eens in divs te plaatsen. Nu zou ik bovenaan 3 divs naast elkaar moeten plaatsen genaamd top_left, top_bar en top_right. top_left is 20px hoog en 10px breed, net als top_right, en top_bar is 20px hoog en 630px breed. m'n css ziet er tot nu toe zo uit:
Maar die right_top valt onder de andere twee, wat moet ik doen opdat die er gewoon naast geplaatst wordt (en ik dus een doorlopende balk krijg?)
En m'n tweede vraag is: wat moet ik doen als ik daar nog een vierde div tussen wil? (weer zo'n bar, dan de navigatie, dan een foto als header en dan opnieuw een bar)
Merci
Code:
#container {
margin-left: auto;
margin-right: auto;
width: 650px;
margin: 0px auto;
}
.left_top {
background-image: url(images/top_left_corner.gif);
width: 10px;
height: 20px;
float:left;
}
#top {
background-image: url(images/top_bar.gif);
background-repeat: repeat-y;
width: 628px;
height: 20px;
margin-left: 10px;
margin-right: 10px;
}
.right_top {
background-image: url(images/top_right_corner.gif);
width: 10px;
height: 20px;
float: right;
}
En m'n tweede vraag is: wat moet ik doen als ik daar nog een vierde div tussen wil? (weer zo'n bar, dan de navigatie, dan een foto als header en dan opnieuw een bar)
Merci