Hola,
Estube usando NiftyCube y me anda bien.
Pero cuando ago algo como lo siguiente:
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
ul#letras_menu,ul#letras_menu li{
list-style-type:none;
margin:0;
padding:0;
text-decoration: none;
background-color: #003366;
}
ul#letras_menu{
background-color: #003366;
}
ul#letras_menu li{
float:left;
height: 24px;
width: 34px;
text-align: center;
background-color: #003366;
padding: 3px 0;
}
ul#letras_menu a{
width: 34px;
padding: 3px 0;
text-decoration:none;
color: #FFFFFF;
background-color: #003366;
}
ul#letras_menu a:hover{
color: #FFFFFF;
background-image: url(images/menu/not_extend.jpg);
background-repeat: repeat-x;
text-decoration: none;
background-color: #003366;
}
ul#letras_menu li.activelink a,ul#letras_menu li.activelink a:hover{
color: #FFFFFF;
background-color: #003366;
text-decoration: none;
background-image: url(images/menu/activa.jpg);
background-repeat: repeat-x;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Prueba</title>
<script type="text/javascript" src="js/funciones.js"></script>
<script type="text/javascript" src="js/niftycube.js"></script>
<script>
<!--
window.onload=function(){
Nifty("ul#letras_menu a","transparent top 10px bottom 10px");
}
-->
</script>
</head>
<ul id="letras_menu">
<li><a href="#">A</a></li>
<li><a href="#">B</a></li>
<li><a href="#">C</a></li>
</ul>
<body>
</body>
</html>
Solo me anda en IE.
¿Cual seria el problema?
Gracias
Salu2