Ver Mensaje Individual
  #2 (permalink)  
Antiguo 01/09/2010, 13:40
kseso?
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 17 años, 5 meses
Puntos: 539
Respuesta: El menú no se mueve

EDITO: creo que entendí mal qué quería desplazar
Porque no le está indicando posición a la lista que se despliega al :hover
Ajuste al gusto (px más o px menos) los valores top y left, tal que así:
Código CSS:
Ver original
  1. ul.menu li:hover > ul {
  2. background:none repeat scroll 0 0 #B8BFC5;
  3. display:block;
  4. opacity:0.6;
  5. top:10px;
  6. left:0;
  7. z-index:20;
  8. }

Corrijo mi apreciación inicial. Tiene múltiples selectores que le afectan. Uno de ellos en la línea 152 /ul.menu > li > ul/ donde le indica /top:-50px/


Debería optimizar y depurar un poco su css.
Declaraciones como
Código CSS:
Ver original
  1. body {
  2. background:url("imagenes/fondo.jpg") repeat-x scroll 0 0 #A09E92;
  3. margin:0 0 200px 200px;
  4.  
  5. }
  6. #centro {
  7. background-color:#FFFFFF;
  8. margin:7px 5px 20px 20px;
  9. width:727px;
  10. }

Puede que le arregle algo en una resolución muy concreta y precisa, pero en el resto de los casos, serán una fuente de problemas. Creo.

Última edición por kseso?; 01/09/2010 a las 13:57