Principal › Foros › PC: Scene, Homebrew, OpenSource y Software › Programacion › Tecnicas de programación y otros lenguajes

Anuncios Google

Duda con Menú Desplegable HTML

Mié, 2011-07-06 00:22 — abelreyes

Buenas noches;
Verán, estoy reformando mi pagina web, y necesito algo de ayudita con el menú horizontal de la web.

Miren, el codigo es este:
(Index.html)

  <head>
    <title>Refrigeració Pujabet</title>
    <link rel="stylesheet" type="text/css" href="estilo.css" _mce_href="estilo.css" />
    <mce:script type="text/javascript" _mce_src="estilo.js"></mce:script>
  </head>
  <body>
 
<ul id="menu-horizontal">
<li><a href="#" _mce_href="#" title="Texto">Inici</a></li>
<li><a href="#" _mce_href="#" title="Texto">Productes</a>
<ul>
<li><a href="#" _mce_href="#" title="Texto">Texto</a></li>
<li><a href="#" _mce_href="#" title="Texto">Texto</a></li>
</ul>
</li>
<li><a href="#" _mce_href="#" title="Texto">Segona Ma</a>
<li><a href="#" _mce_href="#" title="Texto">Historial</a></li>
<li><a href="#" _mce_href="#" title="Texto">Contacte</a></li>
</ul>
<br>
<br>
<img src="Logo.png" _mce_src="Logo.png" width="244" height="112">
  </body>
</html>

(Estilo.css)
ul#menu-horizontal li {
float: left;
display: inline;
position: relative;}
ul#menu-horizontal ul {
display: none;
position: relative;
top: 6;
left:0;
margin:0;
padding:0;
background:#FFFFFF;
}
 
ul#menu-horizontal ul li {
display: block !important;
}
 
ul#menu-horizontal li:hover ul{
display: none;
}
 
ul#menu-horizontal li:hover ul{
display: block;
}
#menu-horizontal {
width:500px;
margin:0px;
}
 
#menu-horizontal li {
margin:0 1px;
width:98px;
min-height:19px;
text-align:center;
vertical-align: middle;
background:#383838;
list-style:none;
padding:2px 0;
}
 
/* y otro poquito por aquí.. */
 
#menu-horizontal li:hover {
background:#7B7777;
}
 
#menu-horizontal li a {
font:bold 11px Arial, Helvetica, sans-serif;
color:#FFF;
text-decoration:none;
}
 
#menu-horizontal li ul li{
float:none;
width:98px;
margin:1px 0;
}

El problema está, en que al ser un menú desplegable, y haber una imagen justo debajo, al expandirse la lista se mueve la imagen, y al recogerse el menú, vuelve a su lugar.

Alguien sabe como puedo solucionarlo ?

 

Muchisimas gracias de antemano :)

  • ABEL

‹ Dudas Game Maker servidor php ?¿ ›

Anuncios Google