celda y texto que cambian de color

bikeweb · #1 (**permalink**) 02/11/2004, 05:37

Alguien puede ayudarme.
Estoy trabajando con dreamweaver MX y necesito saber cómo se hace el efecto de que una celda y el texto que ésta contiene cambien de color al pasar por encima el cursor.
Tengo entendido que se hace con los estilos .css, pero no lo consigo y me estoy volviendo majareta.
Muchas gracias colaboradores.

kahlito · #2 (**permalink**) 02/11/2004, 08:19

Hola bikeweb para lel cambio de la celda en una tabla lo puedes hacer asi:

Código:

<style type="text/css">
td.fondo {
	background-color:blue;
	}
tr{
	background-color: #996633;
	}
</style>
<body>
<table>
<tr>
<td onmouseover="this.className='fondo'" onmouseout="this.className=''" >Esta es la celda que cambia</td>
</tr>
</table>
</body>
</html>

Y para el cambio de texto incluso de fondo con css asi:

Código:

<style type="text/css">
a.enlacecalles:link {
	text-decoration:none;
	font-size: 12px;
	color: #0033CC;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #0099FF;
	display: block;
	width: 100px;
}
a.enlacecalles:visited {text-decoration:none;
	font-size: 12px;
	color: #0033CC;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #0099FF;
	display: block;}
a.enlacecalles:hover{
	text-decoration:none;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #006666;
	display: block;
}
a.enlacecalles:active{text-decoration:none;
	font-size: 12px;
	color: #0033CC;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #0099FF;
	display: block;}
</style>
<body>
<a href="#" class="enlacecalles">Cambios fondos </a>
</body>
</html>

Espero que te sirva

bikeweb · #3 (**permalink**) 03/11/2004, 18:04

Hola Kahlito, por supuesto que tu ayuda me ha resultado útil. No sé cómo pero con el código que me has pasado, lo he ido pegando por aquí y por allá y al final me ha quedado algo parecido a lo que buscaba. He usado el primer bloque que me pasas, el de que cambie la celda de color, y el resultado lo que hace es cambiar un borde alrededor de toda la celda (que también me sirve), sin que el fondo de la celda varíe.

Bueno, sea como sea te debo una.

Saludos, Bikeweb.

kahlito · #4 (**permalink**) 04/11/2004, 10:29

Me alegro que te haya servido el ejemplo, de todas formas te aconsejo que antes de que te salga algo sin saber como mejor lo comprendas para utilizarlo siempre que quieras y modificarlo a tu manera

Un saludo