Página 1 de 1

Cambiar color de fondo de celda en Dreamweaver

Publicado: Jue Dic 10, 2009 2:42 pm
por youssou2
Mi pregunta es, si alguien sabe contestármela, cómo puedo hacer para al pasar el ratón encima de una celda en la cual hay un texto escrito, cambie el color de fondo de la misma,
Hasta ahora había tenido que recurrir a incorporar imágenes de sustitución, pero es un rollo, tener que hacer dos con el mismo texto con color de fondo cambiado, cuando tienes que hacer 8 o 10.
Es por eso que busco algo más sencillo, que al haber una serie de celdas formando un menú, al pasar de una a otra cambie el color de fondo. Y así cualquier modificación de los textos es más rápida.
Muchas gracias.

Re: Cambiar color de fondo de celda en Dreamweaver

Publicado: Lun Dic 28, 2009 12:55 pm
por VHD
Para ello haremos uso de los eventos onMouseOut (desencadena el evento o función cuando el ratón está fuera de la zona) y onMouseOver(se ejecuta el evento o función al posar el cursor del ratón). Puede ser un resultado vistoso a la hora de elaborar tablas con enlaces, menús, etc. Puedes adaptarlo a otro elemento HTML que no sea una celda, todo es cambiar el código y adecuarlo a nuestro gusto. Aquí está el código:

Código: Seleccionar todo

      <table border=0 cellpadding=0 cellspacing=0>
      <tr>
      <td onmouseover='this.style.background="red"' onmouseout='this.style.background="white"'>
      Texto de la celda
      </td>
      </tr>
      </table>