Hallo beste webmaster

Ik ben bezig met een menu balk en ik de linkjes netjes verticaal uitlijnen

ik wil liever geen gebruik maken van margin of padding omdat dan de elementen dan uit mijn menu verschuifen

weet iemand iets als text-align: center; maar dan voor verticaal ?


alvast bedankt !!!

Indien u gebruik maakt van een tabel kunt u valign center gebruiken.

het is een lijst

misschien handig om even te vermelden dat ik gebruik maak van display: block;
Aanvullend bericht:
het is al gelukt met line-height

Origineel gepost door Dennis de Ruiter

het is een lijst

misschien handig om even te vermelden dat ik gebruik maak van display: block;
Aanvullend bericht:
het is al gelukt met line-height

Je kan het ook met padding doen... Dan moet je alleen de hoogte ook aanpassen dus meer padding is minder hoogte.

PHP Code:

<!-- de.html -->

<div id="menu">
<ul>
<li><a href="#">voorbeeldje</a></li>
<li><a href="#">voorbeeldje</a></li>
<li><a href="#">voorbeeldje</a></li>
<li><a href="#">voorbeeldje</a></li>
</ul>
</div> 


PHP Code:

/* de.css */

*{
margin: 0;
padding: 0;
}

#menu ul {
list-style: none;
}

#menu li {
width: 200px; /* width van de menu items */
height: 25px;
border-bottom: 1px solid #000;
}

#menu a {
background-color: #DDD;
display: block;
text-align: center;
height: 25px;
}

#menu a:hover {
background-color: #CCC;
} 


Dan krijg je zoiets:
http://certi.nl/projecten/sd.html