Hola.
He hecho un pequeño menú en Html+CSS+Javascript, pero no se porqué lo veo perfectamente con el FireFox, con el Mozilla, pero no con el IExplorer.
Este es el codigo de la página.
Código PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Provant...</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="prova.css" rel="stylesheet" type="text/css">
<script language="javascript">
function canvia(num,dins)
{
if(dins)
document.getElementById("m"+num).setAttribute("class","taula2");
else
document.getElementById("m"+num).setAttribute("class","taula1");
}
</script>
</head>
<body>
<table width="12%" cellspacing="0" cellpadding="0">
<tr>
<td width="5%" class="celaesq"> </td>
<td width="9%" class="celaesq"> </td>
<td width="86%" class="celadreta"> </td>
</tr>
<tr>
<td width="5%" class="celaesq" onMouseOver="javascript:canvia(1,true);" onMouseOut="javascript:canvia(1,false);"> </td>
<td width="9%" class="taula1" id="m1" onMouseOver="javascript:canvia(1,true);" onMouseOut="javascript:canvia(1,false);"> </td>
<td width="86%" class="celadreta" onMouseOver="javascript:canvia(1,true);" onMouseOut="javascript:canvia(1,false);"> </td>
</tr>
<tr>
<td width="5%" class="celaesq" onMouseOver="javascript:canvia(2,true);" onMouseOut="javascript:canvia(2,false);"> </td>
<td width="9%" class="taula1" id="m2" onMouseOver="javascript:canvia(2,true);" onMouseOut="javascript:canvia(2,false);"> </td>
<td width="86%" class="celadreta" onMouseOver="javascript:canvia(2,true);" onMouseOut="javascript:canvia(2,false);"> </td>
</tr>
<tr>
<td width="5%"> </td>
<td width="9%"> </td>
<td width="86%" class="celabaix"> </td>
</tr>
</table>
</body>
</html>
y este el del CSS, por si alguien lo desea ver
Código PHP:
.celaesq{
border-bottom: 1px solid #A0522D;
}
.celadreta{
border-bottom: 1px solid #A0522D;
border-left: 1px solid #A0522D;
}
.celabaix{
border-left: 1px solid #A0522D;
}
.taula1{
background-color: #FF8C00;
border-bottom: 1px solid #A0522D;
}
.taula2{
background-color: Navy;
border-bottom: 1px solid #A0522D;
}
También pueden comprobarlo en
http://www.infobenissa.com/temp.html