Menu q fucona en firefox perono en IE

Hola , tengo un problema con un menu desplegable. En Fireox,pero ni en IE6, ni IE7 ni en IE8 me funciona.
alguien me puede decir pq, muchiiiiiiisimas gracias
os pego el codigo:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sin título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
a:link {
text-decoration:none;
font-family:Garamond, "Times New Roman";
font-size: 14px;
color: #6C5704;
font-weight: bold;
}
a:visited {
text-decoration:none;
font-family:Garamond, "Times New Roman";
font-size: 14px;
color: #6C5704;
font-weight: bold;
}
a:hover{
text-decoration:none;
font-family: Garamond, "Times New Roman";
font-size: 14px;
color:#6C5704;
font-weight: bold;
}
a:active{
text-decoration:none;
font-family:"Garamond", "Times New Roman";
font-size: 14px;
font-weight: bold;
color: #6C5704;
}
</style>
<style>
#foldheader{cursor:hand ; font-weight:bold ; //para que aparezca la mano en el raton
list-style-image:url(fold.gif)}
#foldinglist{list-style-image:url(list.gif)}
ul.menu
{
line-height: 150%;
list-style:none;
}
ul.menu ul /* Para todos los ul debajo del ul.menu */
{
display:none;
list-style:none;
}
/* Esto afecta a todos los ul inmediatamente debajo (el > ) de un li que a su vez esté dentro de un ul.menu */
ul.menu li:hover > ul
{
display:block;
}
</style>
<link href="../../estilos/links_indices.css" rel="stylesheet" type="text/css">
<link href="../../estilos/letra.css" rel="stylesheet" type="text/css">
</head>
<body background="../../imagenes/indiceyacimientos.jpg">
<ul class="menu">
<li><a href="aragon/aragon.htm" class="letra"target="mainFrame"><span class="letra">Aragón </span> </a>
<ul>
<li><a href="aragon/tarazona/tarazona.htm"target="mainFrame">Tarazona</a></li>
<li><a href="aragon/frescano/frescano.htm"target="mainFrame">Frescano</a></li>
<li><a href="aragon/borja/borja.htm"target="mainFrame">Borja</a></li>
<li><a href="aragon/calatayud/calatayud.htm"target="mainFrame">Calatayud</a></li>
<li><a href="aragon/berrueco/berrueco.htm"target="mainFrame">Berrueco</a></li>
<li><a href="aragon/zaragoza/zaragoza.htm"target="mainFrame">Zaragoza</a></li>
<li><a href="aragon/caminreal/caminreal.htm"target="mainFrame">Caminreal</a></li>
<li><a href="aragon/teruel/teruel.htm"target="mainFrame">Teruel</a></li>
</ul>
</li>
<li><a href="castillaleon/castillaleon.htm"target="mainFrame"><span class="letra">Castilla León
</span></a>
<ul>
<li><a href="castillaleon/huerta/huerta.htm"target="mainFrame">Huerta del Rey</a></li>
<li><a href="castillaleon/garray/garray.htm"target="mainFrame">Garray</a></li>
<li><a href="castillaleon/osma/osma.htm"target="mainFrame">El Burgo de Osma</a></li>
<li><a href="castillaleon/montejo/montejo.htm"target="mainFrame">Montejo de Tiermes</a></li>
<li><a href="castillaleon/medinaceli/medinaceli.htm"target="mainFrame">Medinaceli</a></li>
<li><a href="castillaleon/soria/soria.htm"target="mainFrame">Soria</a></li>
</ul>
</li>
<li><a href="castillalamancha/castillalamancha.htm"target="mainFrame"><span class="letra">Castilla la Mancha </span></a>
<ul>
<li><a href="castillalamancha/saelices/saelices.htm"target="mainFrame">Saleices</a></li>
<li><a href="castillalamancha/cueva/cueva.htm"target="mainFrame">Cueva del
Rey</a></li>
<li><a href="castillalamancha/cuenca/cuenca.htm"target="mainFrame">Cuenca</a></li>
<li><a href="castillalamancha/herreria/herreria.htm"target="mainFrame">Herrería</a></li>
<li><a href="castillalamancha/molina/molina.htm"target="mainFrame">Molina
de Aragón</a></li>
</ul>
</li>
<li><a href="larioja/larioja.htm"target="mainFrame"><span class="letra">La Rioja</span> </a>
<ul>
<li><a href="larioja/aquilar.htm"target="mainFrame">Aquilar Río Alhama</a></li>
</ul>
</li>
<li><a href="navarra/navarra.htm"target="mainFrame"><span class="letra">Navarra</span>
</a>
<ul>
<li><a href="navarra/castejon.htm"target="mainFrame">Castejón</a></li>
</ul>
</li>
</ul>
</body>
</html>

1 Respuesta

Respuesta
1
No te funciona pq IE sólo reconoce el evento hover para las etiquetas de texto <a> con la propiedad href definida.
Si quieres que se vea bien debes utilizar un método javascript que muestre/oculte los
<ul>
De dentro al producirse el onmouseover de las etiquetas <a> de arriba.

Añade tu respuesta

Haz clic para o

Más respuestas relacionadas

Encontrar la página index.html

Estoy empezando con programación en html, css y js, fundamentalmente para poderme corregir la web que tengo que está bastante mal. Cuando voy al inspector en mi web, encuentro en la página de inicio que pone "Indice" pero soy incapaz de encontrar esa...
1 respuesta

Soy nuevo en programador web ¿Cómo hago esto?

Es algo difícil de preguntar para mi, vean la imagen, donde dice todo expertos, cuando lo presionamos, nos lleva a la página principal, ¿Cierto?, ese mismo efecto me gustaría tener en mi página web, pero hasta ahora no pillo respuestas en la web, te...
3 respuestas

Plugins para menú desplegable de wordpress

Y antes que nada muchísimas gracias por su servicio a la comunidad. Mi nombre es Pablo y me quise animar a armar mi propia página web. La cosa no va mal realmente, por supuesto tampoco bien, pero como es un proyecto recreativo para mí, pues digamos...
3 respuestas

Tengo un hoja de estilos externa pero en la parte de lo vinculos no me funciona

Tengo un hoja de estilos con el siguiente codigo . Acierto { font-family:Arial; font-size: 16px; color:green; background-color:yellow; /* sacado de la paleta http://jscolor.com/ */ text-align:center; } .no_acierto { font-family:Arial; font-size:...
2 respuestas

Cambios en la versión 88.0 de Firefox...

Se actualizo mi FireFox a la versión 88.0 y ya no me aparece la opción de capturar pantalla y varias opciones me salen en ingles siendo que es una versión en español, es un error del programa.
1 respuesta

Microsoft edge no toma bien los css

Estoy notando desde hace un tiempo que el edge de microsoft no esta tomando algunas propiedades de css3 que los otros navegadores toman a la perfección . Más que nada lo que son transform, position, en los input los estilos se ven bastante diferentes...
1 respuesta

Lista desplegable en html no se oculta

Soy nuevo en el foro, necesito ayuda! Con una lista desplegable hecha con html, css y js, verán tengo el siguiente código: <input type="button" id="name" value="Filtrar por:" onclick="Menu(DivAereos, 'Aereos')" > <div id=DivAereos class=AereosOculto>...
1 respuesta

Background color no funciona en lista

Tengo una lista para una cabecera de una web con el siguiente código html <div id="cabecera"> <h1>Hostal Enriqueta</h1> <ul class="horizontal"> <li><a class="boton-idioma" href="../en/index.html"> <img src="../0/English.jpg" title="English"...
1 respuesta

¿Cómo ordeno una caja de contenedores en HTML?

Estoy realizando una página web que debo presentar para una materia llamada Practica 1 este Jueves y necesito con urgencia saber como ordenar una caja de contenedores en HTML y de tal modo que no me quede una debajo de la otra y en forma ordenada al...
1 respuesta

Ocultar div de página de inicio wordpress

Por algún motivo mi sitio web empezó mostrar un div en la página de inicio que antes no mostraba. ¿Me podrían ayudar en como ocultarlo pero solo en la pagina de inicio? (Estos div aparecen en el resto de las paginas, pero quiero manternerlos) La...
1 respuesta