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


 
 item 1
item2i tem2
item3 item3
item4
item5 item5

 


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


[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


 
 item 1
item2i tem2
item3 item3
item4
item5 item5

 


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