Foros del Web » Creando para Internet » CSS »

color de fuentes en celdas

Estas en el tema de color de fuentes en celdas en el foro de CSS en Foros del Web. 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: ...
  #1 (permalink)  
Antiguo 04/06/2004, 02:37
 
Fecha de Ingreso: junio-2004
Mensajes: 37
Antigüedad: 13 años, 6 meses
Puntos: 0
color de fuentes en celdas

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?
  #2 (permalink)  
Antiguo 04/06/2004, 03:26
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.544
Antigüedad: 15 años, 8 meses
Puntos: 1262
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
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 25/06/2004, 21:26
 
Fecha de Ingreso: junio-2004
Mensajes: 37
Antigüedad: 13 años, 6 meses
Puntos: 0
Gracias

caricatos, olvidé agradecerte, me fue de mucha ayuda.
  #4 (permalink)  
Antiguo 26/06/2004, 12:38
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.544
Antigüedad: 15 años, 8 meses
Puntos: 1262


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
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:45.