Hola Amanda, 
el vertical-align sólo funciona con elementos a nivel de linea o "table-cell"
Puedes probar a añadirle a #menuh un padding superior e inferior y 
jugar con éstos y alto definido.

#menuh a {
 text-decoration: none;
 color: #3366CC;
 background: #F0F7FC;
 display: block;
 text-align: center;
 border: 1px solid #ACCFE8;
 border-width: 1px 1px 1px 0;
 width:146px;
 height:30px; 
 padding:1em 0;
}

saludos


-----Mensaje original-----
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] nombre de Amanda Espuela
Enviado el: lunes, 30 de octubre de 2006 13:53
Para: Ovillo@lists.ovillo.org
Asunto: [Ovillo] alineación vertical de una lista


Hola buena necesito que me ayudeis en un problemilla con un a lista.

Este es el código del html

<div id="menuh">
 <ul>
 <li><a href="#"id="primero">item 1</a></li>
<li><a href="#">item2<BR />i tem2</a></li>
<li><a href="#">item3 <BR />item3</a></li>
<li><a href="#">item4</a></li>
<li><a href="#">item5<BR /> item5</a></li>

 </ul>
</div>

CSS


#menuh {
 margin-top: 20px;
 font-family: "Georgia", Arial, Helvetica, sans-serif;
 font-size: 75%;
 font-weight: bold;
}

#menu ul, li {
 list-style-type: none;
 display:inline;

}

#menuh ul {
 margin: 0;
 padding: 0;

}

#menuh li {
 float: left;
 vertical-align:middle;

}

#menuh a {
 text-decoration: none;
 color: #3366CC;
 background: #F0F7FC;
 display: block;
 text-align: center;
 border: 1px solid #ACCFE8;
 border-width: 1px 1px 1px 0;
 width:146px;
 height:47px;


}


#menuh a#primero {
 border-left: 1px solid #ACCFE8;
}

#menuh a:hover {
 background: #DBEBF6;
}

Necesito que los apartados del menú que se estructuran en uan sola línea se
alineen verticalmente respecto a los otros en la mitad en vez de en la parte
superior.

Gracias
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Responder a