[Ovillo] alineación vertical de una lista

2006-10-30 Por tema Amanda Espuela
Hola buena necesito que me ayudeis en un problemilla con un a lista.

Este es el código del html

div id=menuh
 ul
 lia href=#id=primeroitem 1/a/li
lia href=#item2BR /i tem2/a/li
lia href=#item3 BR /item3/a/li
lia href=#item4/a/li
lia href=#item5BR / 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


Re: [Ovillo] alineación vertical de una lista

2006-10-30 Por tema Salugral Adriana Pazos García-Camino
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
 lia href=#id=primeroitem 1/a/li
lia href=#item2BR /i tem2/a/li
lia href=#item3 BR /item3/a/li
lia href=#item4/a/li
lia href=#item5BR / 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