[CSS] List items niet links

Door Patrick van Kampen op 20-07-2009 16:19

1.116 views

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?

R Roeltje M

20-07-2009 16:29

Zet je CSS is op plaatscode.be of plaats 'm hier. Dan kunnen wij even in CSS neuzen.

Elwin - Fratsloos

20-07-2009 16:30

Is dat niet de margin van .nav?

Gebruik een reset CSS om dit soort problemen te omzeilen.

P Patrick van Kampen

20-07-2009 16:32

Dit is mijn CSS code

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;
}

T Timen kut

20-07-2009 16:34

Breedte meegeven aan LI en UL

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

A Leeuwenburgh

21-07-2009 13:21

Bij .nav margin-left: 0px; toevoegen. Heb getest en werkt.


.nav {
  HEIGHT: 20px;
  TEXT-ALIGN: center;
  TEXT-DECORATION: none;

  margin-left: 0px;
}

Erik Rijk

21-07-2009 13:44

op je ul je padding en margin op 0 zetten.
Dan kan de rest met je list items regelen

Reageren

Inloggen om te reageren