Hola, tengo en mi web un menu, que hasta el firefox 3.6 me iba perfecto, pero cuando se actualizó y ya despues en los demas navegadores como opera y chrome no se termina de desplegar.
La web es
www.videoclubmadison.com
Os pongo el codigo del php y del css no se a que es debido el fallo.
Gracias de antemano, y un saludo.
Código PHP:
function menu() {
global $web;
$salida= '
<ul id="menu" class="menu">
<li><a href="'.$web.'">inicio</a></li>
<li><a href="'.$web.'">Películas</a>
<ul>
<li><a href="'.$web.'novedades-estrenos/">Novedades</a>
<ul>
'.utf8_encode('<li><a href="'.$web.'novedades-estrenos-en-dvd/">DVD</a></li>').utf8_encode('<li><a href="'.$web.'novedades-estrenos-en-bluray/">BluRay</a></li>').utf8_encode('<li><a href="'.$web.'novedades-estrenos-en-series-tv/">Series TV</a></li>').'
</ul>
</li>
<li>
<a href="'.$web.'">Generos</a>
<ul>
';
include('php/config.php');
$query='SELECT * FROM filmoteca1_generos';
$result=mysql_query($query);
while($registro = mysql_fetch_array($result)) {
$salida.=utf8_encode('<li><a href="'.$web.'peliculas/'.$registro['alias'].'/">'.$registro['genero'].'</a></li>');
}
$salida.=' </ul>
</li>
</ul>
</li>
<li>
<a href="'.$web.'videojuegos/">Videojuegos</a>
<ul>
<li>
<a href="'.$web.'calendario-videojuegos/">Proximos Lanzamientos</a>
</li>
<li>
<a href="'.$web.'novedades-videojuegos/">Novedades</a>
</li>
<li>
<a href="'.$web.'videojuegos/">Plataformas</a>
<ul>
';
$query='SELECT * FROM videojuegos1_generos WHERE invisible<>1';
$result=mysql_query($query);
while($registro = mysql_fetch_array($result)) {
$salida.=utf8_encode('<li><a href="'.$web.'videojuegos/'.$registro['alias'].'/">'.$registro['genero'].'</a></li>');
}
$salida.='</ul>
</li>
</ul>
</li>
<li>
<a href="http://videoclubmadison.foroactivo.com">Foro</a>
</li>
<li>
<a href="'.$web.'calendario-novedades/">Calendario</a>
</li>
<li>
<a href="http://videoclubmadison.com/blog">Noticias</a>
</li>
<li>
<strong><a href="http://videoclubmadison.com/prestashop">Tienda on-line</a></strong>
</li>
<li>
<a href="'.$web.'contacto/">Servicios</a>
<ul>
<li>
<a href="'.$web.'contacto/">Reparacion Discos (DVD)</a>
<ul><li><a href="'.$web.'contacto/">3,00 € Und.</a></li>
</ul>
</li>
<li>
<a href="'.$web.'contacto/">VHS, 8MM, Mini DV a DVD</a>
<ul><li><a href="'.$web.'contacto/">8,00 € cada Disco (max. 3 horas)</a></li>
</ul>
</li>
<li>
<a href="'.$web.'contacto/">Se apartan articulos</a>
<ul><li><a href="'.$web.'contacto/">Facilidades de pago (Contacte para mas informacion)</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="'.$web.'contacto/">Contacto</a>
</li>
</ul>
';
return $salida;
mysql_free_result($result2);
mysql_close($conectar);
}
y el css
Código HTML:
.menu
{
/*[disabled]visibility:hidden;*/
margin: 0;
padding: 0;
list-style: none;
position: absolute;
bottom: 5px;
max-width: 1022px;
z-index: 1;
right: 3px;
}
/*these are the inner menus*/
.menu UL
{
margin: 0;
padding: 0;
list-style: none;
width: 100px;
z-index: 1;
}
.menu UL A
{
font-size: 10px;
font-weight: normal;
letter-spacing: 0px !important;
margin: 0px;
padding: 2px;
}
.menu UL A:hover
{
background-color: #191919;
}
/*these are all the LIs in the menu , donde pone important es para el ajuste de las letras del menu*/
.menu LI
{
margin: 0 0 0px;
width: auto !important;
background-color: #AE0002;
cursor: pointer;
text-align: right;
z-index: 1;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 0px;
}
.menu LI:hover
{
}
/*these are anchor in the menu, if you want to style them differently from the rest of you website*/
.menu A
{
text-decoration: none;
color: #FFFFFF;
width: 100%;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: -1px;
}
.menu A:hover
{
text-decoration: none;
color: #FFFFFF;
}
/*these are the LIs that only belong to submenu*/
.menu UL LI
{
margin-left: -1px;
width: 100px;
z-index: 1;
}
.menu UL LI UL LI
{
text-align: left;
z-index: 1;
text-align: right !important;
}
/*these are the LIs that contains a submenu*/
.menu LI.submenu
{
/*[disabled]background-image:url(expand_down.gif);*/
background-position: right center;
background-repeat: no-repeat;
width: 100px;
padding-right: 20px;
z-index: 1;
}
/*these are the LIs that contains a submenu and which are in a sub-menu themselve*/
.menu UL LI.submenu
{
/*[disabled]background-image:url(expand_right.gif);*/
background-position: center right;
width: 85px;
padding-top: 5px;
padding-right: 20px;
padding-bottom: 5px;
padding-left: 5px;
z-index: 1;
}
.menu LI.submenu LI
{
z-index: 1;
}