1. El Submenu (pinchando en productos) en la página de inicio y quienes somos no funciona (¿porque sale una película con javascript? ). Si se pincha por ejemplo en contacto si funciona pero....
2 Como decía pinchando en contacto si funciona pero hay un problema , y es la separación que existe entre el li y el ul por lo que no hay narices de pinchar en un elemento del submenú .
Espero haberme explicado bien ; la web es esta.
Y el css este:
Código:
#header .menu{padding:44px 0 0 390px; z-index:1 }
.fuente_menu_top {font-weight:bolder}
ul {
padding: 0;
margin: 0;
list-style: none;
}
.menuTop {font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; }
#header ul.menuTop{margin-top:-26px; padding:0; list-style:none; float:right; position: relative;
margin-right:45px}
/* Sólo para li de primer nivel */
#header ul.menuTop > li{
margin:0;
position:relative;
width:120px;
display:inline;
color:#FFFFFF;;
}
/* Las coordenadas de los ul inferiores serán relativas al <li> que los contiene */
{ }
#header ul.menuTop .last a{background:none}
#header ul li .current{ color:#fff; text-decoration:none; background:url(images/bg_menu-actB.gif) top left no-repeat; }
/*
#header ul li a:hover { color:#fff; text-decoration:none; background:url(images/bg_menu-act.gif) top left no-repeat;}
*/
#header ul.menuTop .current {
background:url(images/bg_menu-actBlue.gif) top right no-repeat;
text-decoration:none; width:105px;
text-align:center;
display:block;
float:left;
line-height:26px;
padding-right:9px
}
/* #header ul.menuTop > li a:hover { color:#fff; text-decoration:none; background:url(images/bg_menu-act2.gif) top left no-repeat;} */
#header ul.menuTop > li .current{ color:#ffffff; text-decoration:none; background:url(images/bg_menu-actGreen.gif) top left no-repeat; }
#header ul.menuTop > li:hover .current{ text-decoration:none;
/* background:url(images/overMenu.png) 5px -4px no-repeat;*/ border:0px #FFFF00 solid; margin-right:0px;
color:#FFCC33
}
/* afecta a los ul debajo de submenu */
.submenu ul{background-color: transparent; color:#FFFFFF; width:120px; margin-top:0px }
.subsubmenu {margin:1px 0 0 28px;width:110px; z-index:2} /* afecta solo a el primer ul hijo del primer submenú */
.subsubmenu ul,.subsubmenu2 ul{width:80px;background-color: transparent;color:#FFFFFF;}
.submenu,.subsubmenu1,.subsubmenu2 {font-weight:bolder} /* tipo de letra submenus */
.subsubmenu2{margin:40px 0 0 27px;width:110px; } /* afecta solo a el segundo ul hijo del primer submenú */
/* afecta a la lista del submenu */
li ul {
display: none;
position: absolute;
top: 0em;
left: 0;
z-index:1
}
.submenu li {
background-color:#386a5f;
opacity:0.75;
filter:alpha(opacity=75);
width:113px;
padding:5px 0 5px 0;
}
.submenu .first {margin-top:5px}
.submenu a {color:#FFFFFF; text-decoration:none;}
.submenu a:hover {color:#FFCC33} /* color de texto al ponerse encima de un item de los submenus */
.submenu li:hover {color:#FF6600; background-color:#000000; background-position:bottom;
opacity:0.65;
filter:alpha(opacity=65);
}
#header ul.menuTop .last a{width:99px; padding-right:0}
ul li ul
{
position:absolute; /* Esta posición es relativa al <li> que contiene a este <ul> */
left:85px; /* Para que no monte sobre el <li> */
top:0px;
display:none;
list-style:none;
color:#FFFFFF;
}
/*para las propiedades de distancia arriba y a la izquierda en los demás navegadores que no sean IE */
li > ul {
top: auto;
left: auto;
}
/* afecta a todas las ul que están por debajo de un elemento li */
ul.menuTop li:hover > ul
{
display:block; /* lo convierte en un elemento de bloque */
}
ul.menuTop > li > ul /* Solo para los ul debajo de los li de primer nivel. */
{
border:#009900 0px solid;
position:absolute;
left:-227px;
top:32px;
display:none;
list-style:none;
z-index:1;
color:#FFFFFF;
width:120px;
text-align:center;
}
/* fondo del top_menu */
.bgMenuTop { background-image:url(images/menuBg.png) ;
background-repeat:no-repeat;
position:relative;
background-position:bottom ;
width:480px;
height:55px;
border:0px solid #CC3366 ;
margin-top:-33px;
z-index:0
}
