iets maken in css zodat ik dit krijg
ben met me website bezig alleen nu blijf ik steeds hangen bij dit ding
ik op men website een forum maken.
kwa php is dat geen probleem.
maar nu wil ik de layout netjes krijgen zodat het ook een beetje
op een topic lijkt.
nu heb ik in css dit vakje gemaakt:
http://www.tot50cc.nl/php.JPG
zoals je kan zien heb ik er zelf nog wat bij getekend en er tekst bij gezet.
zo wil ik het graag hebben maar kom er egt niet meer uit hoe.
heb gegoogled en gedaan maar weet geen beste oplossing.
het venster zelf lukt wel
dit heb ik zo gedaan:
(css)
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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
#standaardbalk {
background:url(images/shop-bg.jpg) repeat-y;
padding:20px 10px 20px 10px;
position:relative;
margin:10px 0 0 0;
width:514px;
float:left;
}
#standaardbalk-top, #standaardbalk-bottom {
position:absolute;
width:534px;
height:20px;
}
#standaardbalk-top {
background:url(images/shop-top.jpg) no-repeat;
left:0;
top:0;
}
#standaardbalk-bottom {
background:url(images/shop-bottom.jpg) no-repeat;
left:0;
bottom:0;
padding:0 0 0 10px;
}
#standaardbalk ul {
list-style-type:none;
padding:0;
margin:0;
}
#standaardbalk a {
text-decoration:none;
color:#5877D0;
}
#standaardbalk ul li {
text-align:center;
width:170px;
float:left;
padding:0;
}
background:url(images/shop-bg.jpg) repeat-y;
padding:20px 10px 20px 10px;
position:relative;
margin:10px 0 0 0;
width:514px;
float:left;
}
#standaardbalk-top, #standaardbalk-bottom {
position:absolute;
width:534px;
height:20px;
}
#standaardbalk-top {
background:url(images/shop-top.jpg) no-repeat;
left:0;
top:0;
}
#standaardbalk-bottom {
background:url(images/shop-bottom.jpg) no-repeat;
left:0;
bottom:0;
padding:0 0 0 10px;
}
#standaardbalk ul {
list-style-type:none;
padding:0;
margin:0;
}
#standaardbalk a {
text-decoration:none;
color:#5877D0;
}
#standaardbalk ul li {
text-align:center;
width:170px;
float:left;
padding:0;
}
en dit html scriptje:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<div id="standaardbalk">
<div id="standaardbalk-top"></div>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<div class="clear"></div>
<div id="standaardbalk-bottom"></div>
</div>
<div id="standaardbalk-top"></div>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<div class="clear"></div>
<div id="standaardbalk-bottom"></div>
</div>
alleen zou dus absoluut niet weten hoe ik het krijg zoals op het plaatje.
tabellen lijkt me geen slim idee en het lijkt me ook niet netjes
iemand ideeen?
Gewijzigd op 01/01/1970 01:00:00 door Reint
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
div#left {
float: left;
width: 100px;
}
div#totall {
width: 500px;
}
float: left;
width: 100px;
}
div#totall {
width: 500px;
}
HTML:
Code (php)
1
2
3
4
2
3
4
<div id='totall'>
<div id='left'>Plaatje + username</div>
Hier je tekst
</div>
<div id='left'>Plaatje + username</div>
Hier je tekst
</div>
Zoiets? Kan er verder niet echt iets uithalen, zeker niet omdat ik geen live voorbeeld heb en je probleemstelling niet duidelijk is. Wat heb je en wat wil je?
Gewijzigd op 01/01/1970 01:00:00 door Jesper Diovo