Cambiar color de fondo de celda en Dreamweaver

HTML y todos sus derivados relacionados con la creación de sitios web

Moderador: Moderadores

Avatar de Usuario
youssou2

Cambiar color de fondo de celda en Dreamweaver

Mensaje por youssou2 » Jue Dic 10, 2009 2:42 pm

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.

VHD
Moderador
Mensajes: 313
Registrado: Sab Ago 06, 2005 10:19 pm
Ubicación: España
Contactar:

Re: Cambiar color de fondo de celda en Dreamweaver

Mensaje por VHD » Lun Dic 28, 2009 12:55 pm

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>
VirtualHostingDigital.com Hosting Vitalicio - VirtualHostingDigital - VHD.es
Equipo de ABCdatos Tutoriales y Ayuda al usuario
Oferta: 10 GB de Espacio Web, Transferencia Ilimitada, Dominio .com o .es de regalo, por solo 30 &euro; / año

Responder