color de fuentes en celdas

Dietercito · #1 (**permalink**) 04/06/2004, 01:37

tengo el siguiente código:

<html>

<head>

</head>

<body bgcolor="#50A400" text="#FFFF00">

<table border="0" cellspacing="7" cellpadding="0">

<tr>
<td
onmouseover="bgColor='#E6FFE6';fgColor='green'"
onmouseout="bgColor='#50A400';fgColor='yellow'"
style='
;
cursor: hand;
font-family: Tahoma;
font-size: 16px;
font-weight: bold;
' align="center">
Links
</td></tr>

<tr>
<td
onmouseover="bgColor='#E6FFE6'; fgColor='green'"
onmouseout="bgColor='#50A400'; fgColor='yellow'"
style='
;
cursor: hand;
font-family: Tahoma;
font-size: 16px;
font-weight: bold;
' align="center">
Feedback
</td></tr>

</table>

</body>

que debo hacer para que al posicionar el cursor sobre una celda cambie el color de la fuente de esta, pero NO el color de la fuente de la otra?.
O sea, como se hace para que los eventos de las fuentes de las celdas se manejen separadamente?

caricatos · #2 (**permalink**) 04/06/2004, 02:26

Hay unos estilos que lamentablemente no funcionan en explorer (hover, tal como si que funciona en los tags "a"), por esa razón debemos usar el evento onmouseover/onmouseout tal como los estás usando, pero estás usando atributos y por lo visto no existe fgcolor (incluso no me extrañaría que estuviese desaconsejado por w3c.org)

En vez de usar bgcolor/fgcolor te recomiendo que uses estilos (color/background-color) ya sea inline (en el mismo tag td) o con estilos definidos en el head y cambiando la clas:

<style>
.fondo1 {
color: yellow;
background-color: #50A400;
...
}
.fondo2 {
color: green;
background-color: #E6FFE6;
...
}

<td class="fondo1"
onmouseover="this.className = 'fondo2'"
onmouseout="this.className = 'fondo1'"
>

De esta manera evitarías escribir todos los estilos en cada celda... y no debes olvidarte del resto, que no puse en el ejemplo... cursor, font-family... que si son cosas comunes a todas las celdas, podrías definirlo también en la cabecera, pero más o menos así:

td {
font-family: tahoma;
cursor: pointer;
...
}

Fíjate que puse pointer en vez de hand, porque es lo estándar.

Saludos

Dietercito · #3 (**permalink**) 25/06/2004, 20:26

caricatos, olvidé agradecerte, me fue de mucha ayuda.

caricatos · #4 (**permalink**) 26/06/2004, 11:38

Cita:

Iniciado por Dietercito

caricatos, olvidé agradecerte, me fue de mucha ayuda.

¡De nada!

Es buena costumbre mostrar agradecimiento, ya que los que acostumbramos a contestar nos gusta ...

Saludos