elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Tutorial básico de Quickjs


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  problema con menu
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: problema con menu  (Leído 1,808 veces)
kakashi20


Desconectado Desconectado

Mensajes: 435


Ver Perfil
problema con menu
« en: 3 Abril 2013, 00:29 am »

hola

estoy haciendo un menú con css y html

Html:

<nav id="menu">
               
                        <ul>
                       
                          <li class="op1"><a href="#">Opción 1</a>
                       
                            <ul>
                                <li><a href="#">Opción 1.1</a></li>
                                <li><a href="#">Opción 1.2</a></li>
                            </ul>
                       
                          </li>
                         
                        </ul> 
               
               
</nav>


-----------------------------------------------------------------------------------

Css:

#menu {
text-align: center;
font-size: 0.8em;
max-width:1000px;

z-index:99999;
border:1px solid #FF0000;
position:relative;


}



nav li{

   display:inline;
   
   


}

nav li a {
   position: relative;
   width: 110px;
   height: 29px;
   display: block;
   background:#FFFFFF;
   
   color: #44403b;
   text-decoration: none;
   font-size: 14px;
   padding-top: 12px;
   text-align: left;
   padding-left: 30px;
   font-weight: bold;
}

nav li ul li{

   display:none;


}

nav li:hover ul li{

   display:block;
   z-index:99999;
   position:relative;
   

}


---------------------------------------------------------------------

El problema que tengo es que cuando hago el hover en el menú, al desplegarse este el fondo de mi pagina web ( el cual es una galería ) se desplaza hacia abajo así como lo muestran las imágenes en los link a continuación:

http://www.roliagroup.com/doctorhenriquez.com/img1.jpg

http://www.roliagroup.com/doctorhenriquez.com/img2.jpg


Si alguien me pudiese ayudar se lo agradeceria


En línea

kalvinman

Desconectado Desconectado

Mensajes: 25

Lorem ipsum dolor sit amet...


Ver Perfil WWW
Re: problema con menu
« Respuesta #1 en: 3 Abril 2013, 05:17 am »

Creo que lo que te falta es agregar esto

Código
  1. #menu ul { list-style:none; margin: 0; padding: 0;}


En línea

kakashi20


Desconectado Desconectado

Mensajes: 435


Ver Perfil
Re: problema con menu
« Respuesta #2 en: 3 Abril 2013, 16:02 pm »

no despliega aun el menu...

alguien que me ayude por favor
En línea

#!drvy
Moderador
***
Desconectado Desconectado

Mensajes: 5.839



Ver Perfil WWW
Re: problema con menu
« Respuesta #3 en: 4 Abril 2013, 14:20 pm »

Hola,

En vez de aplicar el display:none y display:block a los LI aplicalos al UL. Y en vez de aplicar position:relative al li debes aplicarle absolute para que no se tome en cuenta a la hora de posicionarlo en la pagina. O sea, esto:

Código
  1. nav li ul li{
  2.   display:none;
  3. }
  4.  
  5. nav li:hover ul li{
  6.   display:block;
  7.   z-index:99999;
  8.   position:relative;
  9. }

Pasa a ser esto:

Código
  1. nav li ul {
  2.   display:none;
  3. }
  4.  
  5. nav li:hover ul {
  6.   display:block;
  7.   z-index:99999;
  8.   position:absolute;
  9. }

PD: Cuesta mucho poner las etiquetas entre [code=css][/code] o [code=html4strict][/code] ? Es que en serio.. parece que lo haces a propósito.. recuerda que nos ayudas a leer mejor el código.. y a darte una respuesta..

Saludos
« Última modificación: 4 Abril 2013, 14:24 pm por drvy | BSM » En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
problema con menu dvd
Multimedia
marisolsol 2 1,261 Último mensaje 5 Mayo 2005, 10:35 am
por marisolsol
Problema al hacer menu en avi « 1 2 »
Multimedia
Troll_Berserker_666 10 2,971 Último mensaje 14 Agosto 2007, 16:26 pm
por Troll_Berserker_666
como lleno los datos que tiene un menu a otro menu vacio, en asp.net c#
.NET (C#, VB.NET, ASP)
ivan05f 2 2,804 Último mensaje 8 Noviembre 2007, 18:58 pm
por ivan05f
Ayuda! Problema de un menu!!! « 1 2 »
Programación C/C++
mathias_vg 12 3,205 Último mensaje 4 Julio 2013, 21:08 pm
por eferion
Problema menu dvd !!!
Multimedia
Dna20 2 2,852 Último mensaje 22 Enero 2014, 19:05 pm
por Saberuneko
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines