home Foro de soporte Ayuda para webmasters HTML avanzado
 
Menu desplegable html5
#1 ·

Hola tengo hecho un menu desplegable en html5 y css3, tengo el inconveniente que cuando se despliegan las pestañas del menu, el div de contenido de abajo se mueve mas abajo aun. Como hago para que el menu quede arriba del div.
Pego los codigos:

PHP

Código:
ul#menu-horizontal li {
margin-top:3%;
margin-right:3%;
float: right;
display: inline;
position: relative;}

#menu-horizontal ul {
background:#E6E6E6;
border:#999 solid 1px;
display: none;
position: relative;
top: 10px;
margin:0;
padding:0;

}

#menu-horizontal ul li{
display: block !important;


}
#menu-horizontal ul li:hover {
    border-bottom: none;
   
}

#menu-horizontal li:hover ul{
display: none;
display: block;

}



#menu-horizontal {
width:100%;
margin:auto;
}

#menu-horizontal li {
margin:0.3%;
width:10%;
text-align:center;
list-style:none;
padding:1% 0;
font:0.95em Arial;

}

/* y otro poquito por aquí.. */

#menu-horizontal li:hover {
border-bottom:#09C solid 10px;
}

#menu-horizontal li a {
color:#09C;
text-decoration:none;

}

#menu-horizontal li ul li{
float:none;
width:20%;
}
#formulario
{
    width: 80%;
    height: auto;
    background-color: rgba(0,0,0,0.5);
    position: relative;
    font:Arial, Helvetica, sans-serif;
    size: 1.3em;
    margin: auto;
    clear: both;
    padding: 2%;
    text-align: left;
}

HTML

Spoiler:

<div id="formulario">
<span class="contactotitulo">Contacto</span>
<form id="form1" name="form1" method="post" action="enviar.php">
<p>Nombre y Apellido<br>
<input name="nombre" type="text" id="nombre" size="50" maxlength="50" />
<br />

Telefono<br>
<input name="telefono" type="text" id="telefono" size="50" maxlength="50" />
<br />
E-mail<br>
<input name="email" type="text" id="email" size="50" maxlength="100" />
<br />
</p>
<p>Seleccion el area correspondiente</p>
<p>
<input type="radio" name="Departamento" value="asdad@hotmail.com" id="Departamento_0" />
HOTMAIL
<input type="radio" name="Departamento" value="lals@gmail.com" id="Departamento_1" /> GMAIL</p>
<p> <br />
Mensaje<br>
<textarea name="mensaje" id="mensaje" cols="49" rows="5"></textarea>
<br />
<br />
<input type="submit" name="enviar" id="enviar" value="Enviar" />
</label>
</form>
</div>



Usuario Novato
Usuario Novato
Haz clic para ver el perfil del usuario
Mensajes: 3
Desde: 02/Jun/2014
·
ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES,
te recomendamos abrir un nuevo tema en lugar de responder al actual
Foro de soporte · Ayuda para webmasters · HTML avanzado
Opciones:
Subscríbete a este tema
Date de baja de este tema
Ir al subforo:  
TU NO PUEDES Escribir nuevos temas en este foro
TU NO PUEDES Responder a los temas en este foro
TU NO PUEDES Editar tus propios mensajes en este foro
TU NO PUEDES Borrar tus propios mensajes en este foro
Ahora son las 18:21 UTC+02:00 DST
Temas similares
 I FotoTemaMensajesÚltima respuesta
No Hay mensajes nuevosHaz clic para ver el perfil del usuario
menu desplegable
Por: · 19/Dic/2010, 14:25
320/Dic/2010, 15:26
 Ir al último mensaje del tema
No Hay mensajes nuevosHaz clic para ver el perfil del usuario
Menú desplegable con DHTML
Por: · 01/Dic/2009, 18:48
1006/Dic/2009, 13:54
 Ir al último mensaje del tema
No Hay mensajes nuevosHaz clic para ver el perfil del usuario
Menú Desplegable
Por: · 05/Jun/2007, 18:06
105/Jun/2007, 18:39
 Ir al último mensaje del tema
No Hay mensajes nuevosHaz clic para ver el perfil del usuario1113/Nov/2003, 20:08
 Ir al último mensaje del tema
No Hay mensajes nuevosHaz clic para ver el perfil del usuario509/May/2003, 20:36
 Ir al último mensaje del tema