Knoppen allemaal even groot.

Door Raymond --- op 26-10-2006 18:08

654 views

Hoi,
IK heb de volgende code:
CSS:


#navigatie {
	list-style: none;
	color: #000000;
	margin : 0 0 1px 0;
	width: 170px;
	font: 11px Arial, sans-serif;
}
#navigatie li {
	height: 20px;
	margin: 0 0 2px 0;
	padding: 0px 0 0px 0px;
	text-align: center;
}
#navigatie a {
	text-decoration : none;
	background: #fff0c2;
	color: #000000;
	display : block;
	padding: 10px 0 10px 0px;
	border: 1px solid #E6B82E;
	margin: 0 0 2px 0;
}

HTML:


<ul id="navigatie">
		<b>
			<li><a href="#">Link #1</a></li>
			<li><a href="#">Link #1</a></li>
			<li><a href="#">Link #1</a></li>
			<li><a href="#">Link #1</a></li>
		</b>
	</ul>

Dat geeft hij zo weer (kijk naar het menu): Klik.

Nu wil ik dat alle knoppen net zo groot zijn als de laatste die je ziet. Maar om de een of andere reden zijn die kleiner. dan de laatste (De laatste is zoals het er uit moet zien.).

Weet iemand hoe ik dit moet oplossen?

[edit]
Ik heb net even gekeken: de knoppen vallen over elkaar heen, dus ze zijn wel zo groot als ze moeten zijn, alleen een deel valt weg.
Iemand een idee hoe ik dus kan zorgen dat het gehaal van de knop te zien is?
[/edit]

- -

26-10-2006 18:11

margin aanpassen? probere eens wat ...

Raymond ---

26-10-2006 18:18

Jep, dat was het.
Dit:
#navigatie li {
height: 20px;
margin: 0 0 2px 0;
padding: 0px 0 0px 0px;
text-align: center;
}

Moest 20 worden.

Bedankt!

- -

26-10-2006 18:18

Geen dank :D

Raymond ---

26-10-2006 18:30

Ok, ben weer wat verder, heb de boel uitgewerkt, hij doed het nu zoals hij het moet doen (in FF).

Maar als je nu in IE kijkt zie ik de volgende dingen die niet kloppen:
- Link is alleen op de tekst. (ik wist dat dit probleem er was, maar hoe op te lossen?)
- Margin is heel anders in IE

Weet iemand nog hoe ik ook dit kan oplossen?

Raymond ---

26-10-2006 19:23

Ok de Margin heb ik opgelost met het volgende:


<!--[if IE]>
<style>
#navigatie li {
	margin: 0 0 0.5px 0;
}
</style>
<![endif]-->

Nu alleen nog de link over de gehele knop.
[edit]ook het laatste opgelost: width 170px in #navigatie a gezet.[/edit]

Reageren

Inloggen om te reageren