Bueno, ya se que me diste un buen enlace (de hecho creo que al final usare ese), pero me encontre en el camino el siguiente texto...
Apuntes de CSS: clases y pseudoclases y pues bueno, que me pongo a hacer un menu con puro CSS sin js, pero de nuevo el IE esta mal.. como veo el poner
Código:
selector selectorAdentro{
/* Estilo aplicable */
}
Esta desde el CSS1 y aparentemente el IE no lo puede "captar" bien :S... aqui lo que hice.... funciona BIEN en FF
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>prueba</title>
<style title="xxxxxxxx" type="text/css">
/******** Formato de los menus, sub-menus y elementos ***************/
.menu0, .menu1, .menu2, .menu3{
list-style-type: none;
margin: opt;
padding: 0pt;
display: block;
color: rgb(50, 60, 128);
background-color: rgb(53, 53, 53);
}
.elemento0, .elemento1, .elemento2, .elemento3{
list-style-type: none;
margin: 0pt;
padding: 0pt;
display:block;
color: rgb(0, 0, 128);
background-color: rgb(153, 153, 153);
}
/******** Esconder los elementos y sub-menus ***************/
li.menu1, li.menu2, li.menu3{
display:none;
}
li.elemento0, li.elemento1, li.elemento2, li.elemento3{
display:none;
}
/******** Mostrar los elementos y sub-menus cuando se pase sobre el menu o submenu ***************/
li.menu0:hover li.elemento0, li.menu0:hover li.menu1{
display:block;
}
li.menu1:hover li.elemento1, li.menu1:hover li.menu2{
display:block;
}
li.menu2:hover li.elemento2, li.menu2:hover li.menu3{
display:block;
}
li.menu3:hover li.elemento3{
display:block;
}
</style>
</head>
<body>
<ul>
<li class="menu0"><a href="u_cocina.html#Pantalon">Pantalón
+</a>
<ul>
<li class="elemento0"><a
href="u_cocina.html#Chef_2">* Chef</a></li>
<li class="menu1"><a href="u_cocina.html#Mandil">Mandil
+</a>
<ul>
<li class="elemento1"><a
href="u_cocina.html#Carnicero">* Carnicero</a></li>
<li class="elemento1"><a
href="u_cocina.html#Taquero">* Taquero</a></li>
<li class="elemento1"><a
href="u_cocina.html#Casaca">* Casaca</a></li>
<li class="elemento1"><a
href="u_cocina.html#Chef_3">* Chef</a></li>
<li class="elemento1"><a
href="u_cocina.html#Cantinero">* Cantinero</a></li>
</ul>
</li>
</ul>
</li>
</ul>
EL TEXTO DESPUES
</body>
</html>
Alguna idea de como hacer que funcione en el IE ¿? o mejor ya me doy por vencido :P... ¿?¿?¿? y utilizo lo que alguién más ya ha hecho¿? (chale).
en específico porque IE no reconoce o "capta" correctamente como en el FF este código (creo que es el problema)
Código:
/******** Mostrar los elementos y sub-menus cuando se pase sobre el menu o submenu ***************/
li.menu0:hover li.elemento0, li.menu0:hover li.menu1{
display:block;
}
li.menu1:hover li.elemento1, li.menu1:hover li.menu2{
display:block;
}
li.menu2:hover li.elemento2, li.menu2:hover li.menu3{
display:block;
}
li.menu3:hover li.elemento3{
display:block;
}