CSS - Menulink verticaal centreren

Door Tamara op 15-01-2009 11:35

1.786 views

Ik heb een horizontale menu balk (met list items).

De list items hebben een vaste hoogte en breedte. Nu is het zo dat er bij een paar de tekst doorgaat op de volgende regel:

| | |
| Link | Nog een |
| | link |

Nu wil ik de tekst van die link verticaal centreren, zodat het altijd in het midden blijft staan.

Ik heb al vanalles geprobeerd, maar niets hielp tot nu toe.... Wie kan mij helpen?

Niek Weevers

15-01-2009 16:21

Geen inline-block gebruiken. Je kunt je list-items floaten. Dan lukt alles.

@merijn als je een element float, dan krijgt het automatisch een display: block. Dus ook met inline-elementen. Met een horizontaal menu gebruik ik altijd het volgende, en het werkt het beste


li {
float: left;
}
li a {
float: left;
}

en als je nog een margin gebruikt op je floatende elementen, dan geef je nog een display: inline mee, zodat je niet zit met de margin bug in ie6.

Reageren

Inloggen om te reageren