[CSS] List items niet links

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Patrick van Kampen

Patrick van Kampen

20/07/2009 16:19:00
Quote Anchor link
Heren,

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
 
PHP hulp

PHP hulp

28/03/2024 19:21:12
 
Roeltje M

Roeltje M

20/07/2009 16:29:00
Quote Anchor link
Zet je CSS is op plaatscode.be of plaats 'm hier. Dan kunnen wij even in CSS neuzen.
 
Elwin - Fratsloos

Elwin - Fratsloos

20/07/2009 16:30:00
Quote Anchor link
Is dat niet de margin van .nav?

Gebruik een reset CSS om dit soort problemen te omzeilen.
 
Patrick van Kampen

Patrick van Kampen

20/07/2009 16:32:00
Quote Anchor link
Dit is mijn CSS code

Code (php)
PHP script in nieuw venster Selecteer het PHP script
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
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;
}
Gewijzigd op 01/01/1970 01:00:00 door Patrick van Kampen
 
Timen kut

Timen kut

20/07/2009 16:34:00
Quote Anchor link
Breedte meegeven aan LI en UL

heel mischien nog display:inline; toevoegen op je LI..
 
A Leeuwenburgh

A Leeuwenburgh

21/07/2009 13:21:00
Quote Anchor link
Bij .nav margin-left: 0px; toevoegen. Heb getest en werkt.

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
.nav {
  HEIGHT: 20px;
  TEXT-ALIGN: center;
  TEXT-DECORATION: none;

  margin-left: 0px;
}
 
Erik Rijk

Erik Rijk

21/07/2009 13:44:00
Quote Anchor link
op je ul je padding en margin op 0 zetten.
Dan kan de rest met je list items regelen
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.