ayuda en menu css

[rotivo]

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!

[jomaruro]

Hola:

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

Código CSS:

<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>
 

con este otro:

Código CSS:

<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>
      <ul id="submenu">
        <li><a href="#" title="">Historia</a></li>
        <li><a href="#" title="">Productos</a></li>
      </ul>
    </li>
    <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>
 

Saludos.

[rotivo]

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;
}

[ArturoGallegos]

tienes

Código CSS:

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

prueba con

Código CSS:

ul#menudinamico li ul {
    display:none;
}
 
ul#menudinamico li:hover ul{
    display:block;
}
 

[rotivo]

Iniciado por Ag666

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

Precisamente era eso, muchas gracias ya todo va bien :) ¡un millon!

[rotivo]

¿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").

[ArturoGallegos]

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