Foros del Web » Creando para Internet » CSS »

ayuda en menu css

Estas en el tema de ayuda en menu css en el foro de CSS en Foros del Web. Cita: Hola, pues estoy haciendo un menu desplegable con css y no consigo saber por que no me despliega el unico submenu que tengo, si ...
  #1 (permalink)  
Antiguo 09/02/2011, 16:31
 
Fecha de Ingreso: junio-2010
Mensajes: 124
Antigüedad: 7 años, 5 meses
Puntos: 3
ayuda en menu css

Cita:
Hola, pues estoy haciendo un menu desplegable con css y no consigo saber por que no me despliega el unico submenu que tengo, si me dierais una pista por donde meterle mano lo agradecería. Ahi os pongo el código

CSS:

Código:
/* CSS Document */

#menudinamico {
	list-style:none;
	display:block;
	text-transform:uppercase;
	font-size:10pt;
	font-weight:bold;
	background-color:white;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	border-bottom:4px solid #39F;
	border-top:4px solid #39F;
	border-left:4px solid #39F;
	border-right:4px solid #39F;
	opacity:0.5;
	border-radius:35px;	
	-moz-border-radius:35px;
	behavior: url(/js/PIE.htc);
}

#menudinamico li {
	display:inline;
	position:relative;
	margin:0;
	padding:0;
}

#menudinamico li a {
	display:block;
	float:left;
	color:#39F;
	text-decoration:none;
	font-weight:bold;
	padding:12px 10px 0 12px;
	height:24px;
}

#menudinamico li a:hover {
	background-color:#39F;
	color:white;
	opacity:0.5;
	border-radius:35px;	
	-moz-border-radius:35px;
	behavior: url(/js/PIE.htc);
}

ul#menudinamico ul {
	display:none;
}

ul#menudinamico ul a:hover {
	display:block;
}


#menudinamico li ul a:hover {
	display:block;
	position:relative;
}

#submenu li a:hover {
	background-color: #000;
	color:#F00;
}

MENU

<div id="menu">
<ul id="menudinamico">
<li><a href="#" onclick="FAjax ('inicio.html','texto',null,'GET'); return false">Inicio</a></li>
<li><a href="#" onclick="FAjax ('QuienesSomos.html','texto',null,'GET'); return false" title="">Quienes somos</a></li>
<ul id="submenu">
<li><a href="#" title="">Historia</a></li>
<li><a href="#" title="">Productos</a></li>
</ul>
<li><a href="#" title="">Localizacion</a></li>
<li><a href="#" title="">Galeria</a></li>
<li><a href="#" title="">Contacto</a></li>
<li><a href="#" title="">Otros</a></li>
<li><a href="#" title="">Enlaces</a></li>
<li><a href="#" title="">Webs</a></li>
</ul>
</div>
Gracias de antemano. un saludo!
  #2 (permalink)  
Antiguo 09/02/2011, 17:08
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: ayuda en menu css

Hola:

No sé si será esto pero compara el código que tienes:

Código CSS:
Ver original
  1. <div id="menu">
  2.   <ul id="menudinamico">
  3.     <li><a href="#" onclick="FAjax ('inicio.html','texto',null,'GET'); return false">Inicio</a></li>
  4.     <li><a href="#" onclick="FAjax ('QuienesSomos.html','texto',null,'GET'); return false" title="">Quienes somos</a></li>
  5.       <ul id="submenu">
  6.         <li><a href="#" title="">Historia</a></li>
  7.         <li><a href="#" title="">Productos</a></li>
  8.       </ul>
  9.     <li><a href="#" title="">Localizacion</a></li>
  10.     <li><a href="#" title="">Galeria</a></li>
  11.     <li><a href="#" title="">Contacto</a></li>
  12.     <li><a href="#" title="">Otros</a></li>
  13.     <li><a href="#" title="">Enlaces</a></li>
  14.     <li><a href="#" title="">Webs</a></li>
  15.   </ul>
  16. </div>

con este otro:

Código CSS:
Ver original
  1. <div id="menu">
  2.   <ul id="menudinamico">
  3.     <li><a href="#" onclick="FAjax ('inicio.html','texto',null,'GET'); return false">Inicio</a></li>
  4.     <li><a href="#" onclick="FAjax ('QuienesSomos.html','texto',null,'GET'); return false" title="">Quienes somos</a>
  5.       <ul id="submenu">
  6.         <li><a href="#" title="">Historia</a></li>
  7.         <li><a href="#" title="">Productos</a></li>
  8.       </ul>
  9.     </li>
  10.     <li><a href="#" title="">Localizacion</a></li>
  11.     <li><a href="#" title="">Galeria</a></li>
  12.     <li><a href="#" title="">Contacto</a></li>
  13.     <li><a href="#" title="">Otros</a></li>
  14.     <li><a href="#" title="">Enlaces</a></li>
  15.     <li><a href="#" title="">Webs</a></li>
  16.   </ul>
  17. </div>

Saludos.

  #3 (permalink)  
Antiguo 09/02/2011, 17:20
 
Fecha de Ingreso: junio-2010
Mensajes: 124
Antigüedad: 7 años, 5 meses
Puntos: 3
Respuesta: ayuda en menu css

joer no me había dado cuenta, pero el menu sigue sin desplegar lo que previamente oculto con exito
ahora mismo tengo el html bien puesto pero en el css no se donde cometo la errata (seguro que garrafal) pero estoy obzecado ahora mismo...
Esto es lo que tengo ahroa mismo (solo lo de ordenar el menu)

#menudinamico li {
display:inline;
position:relative;
margin:0;
padding:0;
}

#menudinamico li a {
display:block;
float:left;
color:#39F;
text-decoration:none;
font-weight:bold;
padding:12px 10px 0 12px;
height:24px;
}

#menudinamico li a:hover {
background-color:#39F;
color:white;
opacity:0.5;
border-radius:35px;
-moz-border-radius:35px;
behavior: url(/js/PIE.htc);
}

#menudinamico ul {
display:none;
}

#menudinamico ul a:hover {
display:block;
color:#F00;
}



#submenu li a:hover {
background-color: #000;
color:#F00;
}
  #4 (permalink)  
Antiguo 09/02/2011, 17:29
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 5.822
Antigüedad: 9 años, 9 meses
Puntos: 951
Respuesta: ayuda en menu css

tienes
Código CSS:
Ver original
  1. ul#menudinamico ul {
  2.     display:none;
  3. }
  4.  
  5. ul#menudinamico ul a:hover {
  6.     display:block;
  7. }

prueba con
Código CSS:
Ver original
  1. ul#menudinamico li ul {
  2.     display:none;
  3. }
  4.  
  5. ul#menudinamico li:hover ul{
  6.     display:block;
  7. }
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....
  #5 (permalink)  
Antiguo 09/02/2011, 17:34
 
Fecha de Ingreso: junio-2010
Mensajes: 124
Antigüedad: 7 años, 5 meses
Puntos: 3
Respuesta: ayuda en menu css

Cita:
Iniciado por Ag666 Ver Mensaje

ul#menudinamico li:hover ul{
display:block;
}[/HIGHLIGHT]

Precisamente era eso, muchas gracias ya todo va bien :) ¡un millon!
  #6 (permalink)  
Antiguo 10/02/2011, 08:22
 
Fecha de Ingreso: junio-2010
Mensajes: 124
Antigüedad: 7 años, 5 meses
Puntos: 3
Respuesta: ayuda en menu css

¿Un submenu solo se puede alinear respecto al padre con left y top? (Desplegar un submenu vertical en un menu horizontal y que salga alineado con su "progenitor").
  #7 (permalink)  
Antiguo 10/02/2011, 11:02
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 5.822
Antigüedad: 9 años, 9 meses
Puntos: 951
Respuesta: ayuda en menu css

un submenu lo puedes alinear usando el position:absolute; y este quedara alineado con el elemento padre inmediato que tenga un position: en cualquiera de sus modalidades.

lo que esta entre paréntesis mi no entender ñ.ñ
algún screenshot de lo que pretendes obtener?

pasa por estos ejemplos del compañero mikmoro seguro encuentras tu respuesta
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....

Etiquetas: Ninguno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:54.