3 blokken naast elkaar,
ik wil graag 3 blokken naast elkaar hebben,
Zoals dit,
| | | |
| | | |
| | | |
Dit is mijn css file
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
#bloklinks {
width:150px;
min-height:500px;
background: #00ff00;
float:left;
}
#wrapper1 {
width:916px;
background: url(img/wrapper.bmp);
min-height:500px;
}
#wrapper2 {
width:900px;
background: url(img/ag.bmp) repeat;
min-height:500px;
}
#blokrechts {
width:150px;
min-height:499px;
background: #00ff00;
}
width:150px;
min-height:500px;
background: #00ff00;
float:left;
}
#wrapper1 {
width:916px;
background: url(img/wrapper.bmp);
min-height:500px;
}
#wrapper2 {
width:900px;
background: url(img/ag.bmp) repeat;
min-height:500px;
}
#blokrechts {
width:150px;
min-height:499px;
background: #00ff00;
}
en dit code,
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<html>
<body>
<div id="bloklinks">
blok1
</div>
<div id="wrapper1">
<center>
<div id="wrapper2">
blok2
</div>
</center>
</div>
<div id="blokrechts">
blok3
</div>
</body>
</html>
<body>
<div id="bloklinks">
blok1
</div>
<div id="wrapper1">
<center>
<div id="wrapper2">
blok2
</div>
</center>
</div>
<div id="blokrechts">
blok3
</div>
</body>
</html>
Nu krijg ik blok 2 wel naast blok 1 maar 3 komt er onder te staan.
PS: nu denk je 2 wrappers waarom dat? nou ik wou er een randje naast doen aan allebij de zijden, en was vergeten hoe ik dat deed, dus heb ik het zo opgelost, niet de beste manier maar het werkt;)
Groetjes Nigel
Code (php)
1
2
3
4
5
2
3
4
5
<ul>
<li>Blok1</li>
<li>Blok2</li>
<li>Blok3</li>
</ul>
<li>Blok1</li>
<li>Blok2</li>
<li>Blok3</li>
</ul>
css
Code (php)
1
2
3
4
5
2
3
4
5
li {
width: 300px;
float: left;
min-height: 500px;
}
width: 300px;
float: left;
min-height: 500px;
}
En met dat randje begrijp ik niet goed wat je bedoeld. Maar je kan met borders werken
Nou kijk eerst had ik gewoon een pagina,
en had de wrapper van 900px breed gewoon in het midden gezet,
Toen ging ik verder en wou me eigen login-script erin verwerken,
en wou die aan de linker kant, dus moest daar een blokje komen,
en toen dacht ik laat ik er aan de andere kant ook maar 1 neer zetten ;)
En nu ik er zelf overheen lees snap ik dat jij het niet snapt:P
Maar bedankt ik ga even kijken :D
Float:left; bij de eerste wrapper gezet,
Maar alsnog bedankt niek;)