celdas que cambian al pasar el ratón

[pedromsanz]

Hola:
quería hacer una barra de navegación con Css y me gustaría que al pasar el ratón por una celda cambiara de color, por ejemplo, tal y como se hace con los links.
Es posible hacerlo si usar javascripts? se puede hacer con Css?con una pseudoclase o algo así?

yo uso Dreamweaver para las pgs y para los estilos ...

gracias por adelantado.
Saludos.
Pedro

[jercer]

Me temo que no

[PascalC]

se puede hacer con CSS pero no lo entenderá IE que tiene un soporte limitado de la seudo-clase :hover a la etiqueta html <a>.

td:hover {background-color:red;}

[pedromsanz]

gracias, la solución más sencilla que he encontrado ha sido esta.+

Incluir en las celdas en la que quiero cambiar el color este sencillo código

<td width="25%" onmouseover='this.style.background="006ec7"' onmouseout='this.style.background="b2d3ee"' ><a href="#ap">Actualidad
Internet</a></td>

los colores, que aquí estén es exadecimal se pueden cambiar, e incluso poner red o green...

Por si le vale a algien.

Salduos.
Pedro.

[JavierB]

Hola, pedromsanz.

Solo un pequeño comentario sobre tu código. Para que funcione también en NS tienes que poner el signo # en el color:

onmouseover='this.style.background="#006ec7"'

Saludos,

[infinit]

pero si quiero que en vez de cambiar de color cambie de imagen de fondo????

[JavierB]

Hola, infinit.

<td width="25%" onmouseover='this.style.background-image=url("imagen1.gif"' onmouseout='this.style.background-image=url("imagen2.gif"' >

Saludos,

[CORE]

para que complicarse la vida si quieres hacer esto basta con hacer un list

<ul>
<li><a href="uno.html">uno</a></li>
<li><a href="uno.html">uno</a></li>
<li><a href="uno.html">uno</a></li>
</ul>

li{width:100px;
li a:link, a:visited{background-color:blue;}
li a:color{background-color:red;}

para que complicarse si se puede ver = en todos los navegadores y si lo validas no tienes problemas

digo, las tablas se hicieron para desplegar informacion no para hacer menus, ¿no?

saludos