crear menu en css

[manel2292]

Hola estoy haciendo un menu en CSS mediante una lista desordenada.

tengo esto:



el codigo css es el siguiente:

Código:

ul#menu
{
list-style:none;
margin:0;
padding:0;
}
ul#menu li
{
margin:2px;
padding:2px;
}
ul#menu li a
{
border:1px solid black;
display:block;
width:256px;
height:40px;
text-decoration:none;
text-align:center;
color:black;
background-color:#D4D4D4;
}
ul#menu li a:hover
{
background-color:#CACACA;
border:0px;
font-size:18px;
}

lo unico que me falta es que el texto no quede pegado a la parte de arriba de la "celda".

alguien me puede ayudar, gracias.

un saludo.

[educacanis]

prueba con la propiedad vertical-align de css

[manel2292]

en donde tendria que colocarla?

yo he probado ya antes:

dentro de ul#menu li poner "vertical-align:middle;" pero no sirve.

[ZoroRoronoa]

Es curioso esto:

lo unico que me falta es que el texto no quede pegado a la parte de arriba de la "celda".

Usas tablas ?

Ya que la propiedad vertical-align es para tablas, si la aplicas a una lista, no funcionara, o al menos a mi no me funciona.

Esta propiedad ay que aplicarse a celdas:
td {vertical-align:middle;}

Saludos.

[manel2292]

Hola.

no, no uso tablas, por eso he puesto celda entre comillas, es una lista desordenada, entonces como lo tengo que hacer para que no quede el texto pegado arriba?

gracias.