Pasar el ratón sobre una celda y que cambie de color

Se que este tema ya se ha tratado antes, pero es que no me ha quedado nada claro. Yo quisiera que una celda esté enlazada a otra página y que al pasar el ratón sobre ella, cambie de color.
Aorkis escribió en un mensaje esto:

Inserta el siguiente codigo:

onMouseOver="mOvr(this,'#66FF33')"

Este sirve para que al pasar el raton por encima se substituya el color. Para reestablecer el original pon este:

onMouseOut="mOut(this,'#CCFF33')"

Recuerda que debes sustituir #CCFF33 por el color que desees.

Pues bien, donde pongo este código :shock:

Muchas gracias

<td onMouseOut="this.style.background='#000000';" onMouseOver="this.style.background='#660000'" align="center" height="22">

Ps.. yo ocupo este codigo para cuando pases sobre la celda de una tabla cambie el color :roll: y se coloca en el tags de la celda o tabla donde quieres que se produsca el efecto, espero ke te sirva. En todo caso si ese no te sirve el codigo; el ke te a dado Aorkis igualmente se tendria que colocar en el tag de la celda :wink:

pues... como que no me funciona, ni el uno ni el otro, alguna sugerencia?

Hola volvoreta,
¿Porque no usas estilos? Se puede hacer ese efecto con estilos sobradamente sin tener que picar una linea de javascript, con A y A:Hover.

ejemplo:
td a
{
background-color: #ffffff;
}

td a:hover
{
background-color:#ff3421;
}

Esto deberia de funcionarte.

Diferencial, realmente es esto lo que estaba buscando, algo que me funcione en todos los navegadores y que sea sencillo. Pero perdona mi espesura, si pongo lo que tu me has escrito, que referencia le doy a la casilla que quiero cambiar de color, o sea como le digo que lea esto en la hoja de estilos?

Si escribo eso en la hoja de estilo todas las celdas que tienen enclaces toman este comportamiento, y no es eso lo que quiero, quiero que solo 4 de las celdas de una de las hojas tengan ese comportamiento.

A demás tengo otro problema, como hago que toda la celda esté enlazada a otra hoja, cuando selecciono la celda y le digo que tenga un vinculo con otra hoja lo que hace es que todos los párrafos se me enlacen, y yo no quiero eso, quiero que sea la celda no los textos.

Espero haberme explicado bien, Si habres mi web, en la parte de servicios verás que hay una tabla que contiene 4 imagenes enlazadas y al lado un texto de cada imagen, quiero que la celda donde está el texto tambien sea un enlace a la misma página.

Un saludo

no hay solución para mi pregunta, :roll:

Hola,
he probado las indicaciones y he puesto esto:

td.1 a
{
background-color: blue;
}

td.1 a:hover
{
background-color:red;
}

y en la tabla en cuestion:

<td><a>contenido</a></td>

y me funciona muy bien, solo la tabla que tiene la indicacion es la que cambia el resto no

pero no he encontrado la forma de que cambie de color toda la tabla, no solo el texto, porque asi solo cambia el texto que está seleccionado en el enlace

saludos

Muchas gracias Yaneth, lo probé, y es lo que tu dices, solo me cambiaba el texto. Pero.... ya lo he encontrado. Por gentileza de yomaster.com, os lo dejo aquí por si alguien lo necesita.
En la hoja html
<table cellspacing="0" cellpadding="0" width="300px" >
<tr>
<td onclick="mClk(this);" onmouseout="mOut(this,'#DCD8C9');" onmouseover="mOvr(this,'00FFFF');" bgcolor="#DCD8C9">
<a href="pagina1.htm" target="_self" >


APOYO T&Eacute;CNICO AL DISE&Ntilde;O</p>
</a></td>
</tr>
</table>

a esto hay que añadir en alguna parte de la hoja el script:

<script>
<!-- Script para que cambie de color las celda que está enlazada
function mOvr(src,clrOver) {
if (!src.contains(event.fromElement)) {
src.style.cursor = 'hand';
src.bgColor = clrOver;
}
}
function mOut(src,clrIn) {
if (!src.contains(event.toElement)) {
src.style.cursor = 'default';
src.bgColor = clrIn;
}
}
function mClk(src) {
if(event.srcElement.tagName=='TD')
src.children.tags('A')[0].click();
}
// --> Fin del script
</script>

a partir de aquí cada uno que le de el formato que quiera con el codigo css.
Un saludo

perdon volvoreta por no verte contestado antes,

Si escribo eso en la hoja de estilo todas las celdas que tienen enclaces toman este comportamiento, y no es eso lo que quiero, quiero que solo 4 de las celdas de una de las hojas tengan ese comportamiento.

.ClaseBomChikiBom a
{
  background-color: #ffffff;
}

.ClaseBomChikiBom a:hover
{
  background-color: #ff0000;
}

<td class="ClaseBomChikiBom">Esto deberia de cambiarte el fondo</td>

Con esto te aseguras que funcione en cualquier navegador, tu script esta bien pero no siempre el que visita tu web tiene permitido javascript y puede que no le funcionase, asi que para ahorrarte problemas usa mejor estilos.

No funciona, hay que usar javascript :evil:

Yo he encontrado esto,funcciona en todos los navegadores


<table>
<tr>
<td onclick="location.href='pagina enlazada.htm'" onmouseover="this.style.background='#5270A9'" onmouseout="this.style.background='#CC0000'" bgcolor="#CC0000">enlace1</td>
</tr></table>