[css] li met float:left centreren.
Ik zit met een probleem. Ik wil een li met float:left centreren.
Dit is het menu: http://test.feestenfeest.nl/test/ (het gaat om het grijze topmenu)
Dit is de css die ik er voor gebruik:
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
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
#top_menu {
width: 1024px;
padding: 5px 0 5px 0;
background: #d9dadb url(../_img/menu/top_bg.gif);
background-repeat: repeat-x;
margin:0 auto;
}
#top_menu ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#top_menu ul li {
float: left;
min-width: auto;
width: auto;
}
#top_menu ul li a {
font-family: arial;
font-size: 10pt;
font-weight: bold;
color: #414141;
text-decoration: none;
line-height: 24px;
height: 24px;
padding-right: 10px;
padding-left: 10px;
}
#top_menu .selected {
background: url(../_img/menu/top_actief.gif) repeat-x;
}
#top_menu .selected a {
color: white;
}
width: 1024px;
padding: 5px 0 5px 0;
background: #d9dadb url(../_img/menu/top_bg.gif);
background-repeat: repeat-x;
margin:0 auto;
}
#top_menu ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#top_menu ul li {
float: left;
min-width: auto;
width: auto;
}
#top_menu ul li a {
font-family: arial;
font-size: 10pt;
font-weight: bold;
color: #414141;
text-decoration: none;
line-height: 24px;
height: 24px;
padding-right: 10px;
padding-left: 10px;
}
#top_menu .selected {
background: url(../_img/menu/top_actief.gif) repeat-x;
}
#top_menu .selected a {
color: white;
}
Maar ik wil dus dat de tweede regel van dat menu gecentreerd is.
Ik heb alleen geen idee.
Kan iemand mij hier helpen?
Groeten,
Boris
Gesponsorde koppelingen:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
#top_menu ul {
list-style-type: none;
margin: 0;
padding: 0;
text-align:center;
}
#top_menu ul li {
display:inline;
min-width: auto;
width: auto;
margin:0px auto;
}
list-style-type: none;
margin: 0;
padding: 0;
text-align:center;
}
#top_menu ul li {
display:inline;
min-width: auto;
width: auto;
margin:0px auto;
}
Het werkt helemaal. Top!
