[CSS] List items niet links
Ik heb me CSS list nu al voor de 2e keer opnieuw opgebouwt en diversen malen op internet gezocht maar niets kunnen vinden zien de volgende link:
http://sbhosting.nl/drc/test/
Ik wil mijn menu helemaal tegen de linker kant aan hebben net als het stukje tekst. Echter lukt het mij niet. Dacht eerst dat het aan de DOTS van een standaard list ligt maar als ik die weghaal met een list-style...: none; blijft het precies hetzelfde, heeft het hier wel mee te maken?
Weet iemand hoe ik dit wel kan oplossen via mijn CSS file?
Gewijzigd op 01/01/1970 01:00:00 door Patrick van Kampen
Gebruik een reset CSS om dit soort problemen te omzeilen.
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
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
div#navigation {
width: 712px;
margin-top: 0px;
margin-left: 0px;
border: 1px solid #ff0000;
float: none;
}
.nav {
height: 20px;
text-decoration: none;
text-align: center;
}
.nav li {
list-style-type: none;
float: left;
}
.nav li strong {
border-top: 1px solid #000000;
border-left: 1px solid #000000;
height: 19px;
width: 100px;
background-color: #FFCC00;
display: block;
padding-top: 5px;
}
.nav li a {
border-left: 1px solid #000000;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
margin-top: 6px;
text-decoration: none;
vertical-align: middle;
display: block;
font-family: calibri;
font-size: 12px;
color: #999999;
background-color: #fff;
}
.nav li a:hover {
border-bottom: 0px;
color: #000000;
background-color: #fff;
}
width: 712px;
margin-top: 0px;
margin-left: 0px;
border: 1px solid #ff0000;
float: none;
}
.nav {
height: 20px;
text-decoration: none;
text-align: center;
}
.nav li {
list-style-type: none;
float: left;
}
.nav li strong {
border-top: 1px solid #000000;
border-left: 1px solid #000000;
height: 19px;
width: 100px;
background-color: #FFCC00;
display: block;
padding-top: 5px;
}
.nav li a {
border-left: 1px solid #000000;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
margin-top: 6px;
text-decoration: none;
vertical-align: middle;
display: block;
font-family: calibri;
font-size: 12px;
color: #999999;
background-color: #fff;
}
.nav li a:hover {
border-bottom: 0px;
color: #000000;
background-color: #fff;
}
Gewijzigd op 01/01/1970 01:00:00 door Patrick van Kampen
heel mischien nog display:inline; toevoegen op je LI..
Code (php)
1
2
3
4
5
6
7
2
3
4
5
6
7
.nav {
HEIGHT: 20px;
TEXT-ALIGN: center;
TEXT-DECORATION: none;
margin-left: 0px;
}
HEIGHT: 20px;
TEXT-ALIGN: center;
TEXT-DECORATION: none;
margin-left: 0px;
}
Dan kan de rest met je list items regelen