Menu uitlijning probleem
Ik probeer mijn menu rechts uit te lijnen maar dat doet hij niet. hij reageert totaal niet op text-align: right;.
Dit heb ik als 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
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
.balk-groot1 {
width: 980px;
height: 23px;
line-height: 23px;
text-align: right;
font-family: Verdana;
font-size: 12px;
border-left: 1px solid #404040;
border-right: 1px solid #404040;
background-image: url('IMAGES/balk-groot.png');
}
.menu1 {
width: 300px;
margin: 0px;
padding: 0px;
text-align: left;
list-style: none;
}
.menu1 li {
margin: 0px;
padding: 0px;
float: left;
font-family: Verdana;
font-size: 12px;
}
.menu1 a {
display: block;
float: left;
margin: 0px;
padding: 0px;
color: #FFFFFF;
text-decoration: none;
}
.menu1 a:hover {
color: #FFFFFF;
text-decoration: underline;
}
width: 980px;
height: 23px;
line-height: 23px;
text-align: right;
font-family: Verdana;
font-size: 12px;
border-left: 1px solid #404040;
border-right: 1px solid #404040;
background-image: url('IMAGES/balk-groot.png');
}
.menu1 {
width: 300px;
margin: 0px;
padding: 0px;
text-align: left;
list-style: none;
}
.menu1 li {
margin: 0px;
padding: 0px;
float: left;
font-family: Verdana;
font-size: 12px;
}
.menu1 a {
display: block;
float: left;
margin: 0px;
padding: 0px;
color: #FFFFFF;
text-decoration: none;
}
.menu1 a:hover {
color: #FFFFFF;
text-decoration: underline;
}
en dit is mijn html
Code (php)
1
2
3
4
5
6
7
2
3
4
5
6
7
<div class="balk-groot1">
<ul class="menu1">
<li><a href="#">Forum</a></li>
<li><a href="#">Huiswerk</a></li>
<li><a href="#">Woordtrainer</a></li>
</ul>
</div>
<ul class="menu1">
<li><a href="#">Forum</a></li>
<li><a href="#">Huiswerk</a></li>
<li><a href="#">Woordtrainer</a></li>
</ul>
</div>
Weet iemand wat ik fout doe?
Gewijzigd op 01/01/1970 01:00:00 door Milo
Gesponsorde koppelingen:
Dat is het eerste wat je fout deed.
Terwijl je het in je eerste zin van je topic wel goed doet ("uit te lijnen").
Ten tweede, zou je beter de LI kunnen laten floaten ipv de A.
Waarom? Die staat een niveau hoger.
Alles in de LI float dan mee.
Gewijzigd op 01/01/1970 01:00:00 door Eddy Erkelens
en float werkt indd thanks ;)
