texto no centrado en menu desplegable

nacho4888 · #1 (**permalink**) 14/02/2010, 17:53

El texto de un menu desplegable no quiere centrarse, este se va para arriba

Este es el codigo HTML:

Código HTML:

<div id="menu"><ul class="menu">
 <li>Inicio</li>
 <li>Empresa</li>
 <li>Servicio</li>
 <li>Clientes
 <ul>
 <li>Construcción</li>
 <li>Agro negocios</li>
 <li>Logística</li>
 <li>Administracion de bienes y raices</li>
 <li>Puntos de venta</li>
 </ul>
 </li>
 <li>Contacto</li>
 </ul>
 </div>

Y este el CSS

Código HTML:

#menu {width:700px;
height:35px;
margin-left:250px;
border:#FFFFFF 1px solid;
background-color:#FFFFFF;
}

.menu {text-align:justify}

ul.menu
{
   list-style:none;
}
ul.menu li
{
   position:relative; 
   width:140px;
   height:35px;
   text-align:center;
   
}
ul.menu ul
{
   position:absolute; 
   left:30px; 
   top:-1px;
   display:none;
   list-style:none;
}
ul.menu li:hover > ul
{
   display:block;
}

ul.menu> li > ul 
{
   position:absolute;
   top:35px;
   display:none;
   list-style:none;
}
ul.menu > li 
{
   float:left
}

Espero me puedan ayudar.

Saludos.

buzu · #2 (**permalink**) 15/02/2010, 01:02

A que te refieres exactamente? No se entiende muy bien, por que no pones una imagen de como se ve y de como quieres que se vea de modo que sea más fácil ayudarte?

nacho4888 · #3 (**permalink**) 15/02/2010, 12:53

Mira, este es el problema

Los textos del menu no salen centrandos, sino salen muy arriba de la celda, lo que necesito es que esten centrados tanto vertical como horizontalmente.

Saludos

xcoltx · #4 (**permalink**) 15/02/2010, 13:58

Prueba agregando esto a tu codigo

Código:

#menu {width:700px;
height:35px;
line-height:35px;
margin-left:250px;
border:#FFFFFF 1px solid;
background-color:#FFFFFF;
}

Espero que te sirva

buzu · #5 (**permalink**) 15/02/2010, 14:36

justo iva a decir lo del line-height, si te sirve avisas, si no para ver otra solución.

nacho4888 · #6 (**permalink**) 15/02/2010, 14:48

No funciona, se sigue viendo igual.

Saludos

buzu · #7 (**permalink**) 15/02/2010, 15:07

entonces usa padding para forzar el texto a bajar...

nacho4888 · #8 (**permalink**) 15/02/2010, 15:30

Ya funciono con eso, gracias amigo.

Saludos

buzu · #9 (**permalink**) 15/02/2010, 16:55

por nada..