Hola como están muchachos.?
Estoy iniciandome en el mundo del desarrollo web, y tengo un problema con un script de javascript.!
Intento cambiar el estilo de una celda mediante javascript,
acá les dejo el codigo....
Código HTML:
<script type="text/javascript">
function entro(celda){
celda.className= "encima";
}
function salio(celda){
celda.className = "fuera";
}
</script>
</head>
<body class="c_fondo">
<div class="header"></div>
<!--Fin Header / End header-->
<div class="divmenu" onclick="encima (this)">
<table>
<tr>
<td id="celda1" onmouseover="encima" onmouseout="fuera" >Primer Boton</td>
<td id="celda2" align="center">Segundo Botón</td>
<td id="celda3" align="center">Tercer Botón</td>
<td id="celda4" align="center">Cuarto Botón</td>
<td id="celda5" align="center">Quinto Botón</td>
</tr>
</table>
</div>
<div class="divcont"></div>
<div class="pie"><p style="margin-top:7px; font-family:Geneva, Arial, Helvetica, sans-serif; color:#FF0000; font-size:12px" align="center"><b>Realizado por Andrés Villanueva - Curso WebMaster SAIT, R.L. - Puerto La Cruz 2010. ®</b></p></div>
</body>
</html> Y este es el estilo CSS
Código CSS:
Ver original.c_fondo{
background-color:#25587E;
}
.header{
width:940px;
height:200px;
top:40PX;
left:160px;
position:absolute;
background-image:url(../Test/Img/Banner_index.gif)
}
.divcont{
background:#FFFFFF;
width:940px;
height:1200px;
top:280px;
left:160px;
position:absolute;
}
.pie{
background-color:##25587E;
width:940px;
height:30px;
top:1455px;
left:160px;
position:absolute;
}
.divmenu{
width:auto;
left:600px;
top:240px;
position:absolute
}
table{
width:500px;
height:40px;
border-spacing:2px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:14px;
font-stretch:narrower;
}
.encima{
background-color:#00FF00;
}
.fuera{
background-color:#FF00FF;
}
No se de verdad, en que estoy fallando...
De ante mano gracias por su ayuda!