Foros del Web » Creando para Internet » CSS »

Cambiar color td

Estas en el tema de Cambiar color td en el foro de CSS en Foros del Web. Hola, el problema que tengo y no que no logro solucionar es cambiar el color del TD cuando el puntero esta sobre el. Esto es ...
  #1 (permalink)  
Antiguo 11/12/2007, 08:17
Avatar de Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 11 años
Puntos: 126
Cambiar color td

Hola, el problema que tengo y no que no logro solucionar es cambiar el color del TD cuando el puntero esta sobre el.

Esto es lo que tengo hecho

Código HTML:
<html>
<head>
<style type="text/css">
.seccion_par_autor {
background: #fff none repeat scroll 100%;
color: #59616e;
margin:3px;

.seccion_par_autor a:link, .seccion_par_autor a:visited { 
color: #000;
text-decoration: none;
}

.seccion_par_autor a:hover, .seccion_par_autor a:active {
color: #f49f00;
text-decoration: underline;
}

.td_spar {
font:13px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

.td_spar:hover {
background: #eee none repeat scroll 0%;
}
</style>
</head>
<body>
<table border="0px">
<tr>
<tr>
<td class="seccion_par_autor td_spar"><a href="#"><strong>Una prueba</strong></a></td>
</td>
</tr>
</table>
</body>
</html> 
Gracias
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />
  #2 (permalink)  
Antiguo 11/12/2007, 08:59
 
Fecha de Ingreso: octubre-2006
Ubicación: Murcia - España
Mensajes: 336
Antigüedad: 11 años, 1 mes
Puntos: 6
Re: Cambiar color td

te falta algo como:

.td_spar td:hover { background-color:red; }
  #3 (permalink)  
Antiguo 11/12/2007, 23:00
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.727
Antigüedad: 15 años, 9 meses
Puntos: 997
Re: Cambiar color td

Cita:
background: #eee none repeat scroll 0%;
eso realmente no se como comerlo

en serio ¿que quisistes poner? ¿Qué tenga un fondo color #eee?
Entonces "background: #eee" y sobra todo lo demás... además ojo que en ie 6 el :hover solo funciona aplicado a enlaces, salvo que uses un javascipt llamado scriptIE7
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -
  #4 (permalink)  
Antiguo 12/12/2007, 06:46
Avatar de andriuch  
Fecha de Ingreso: abril-2004
Mensajes: 65
Antigüedad: 13 años, 7 meses
Puntos: 0
Re: Cambiar color td

Lo primero, cuando pongas un codigo asegurate que está bien, hay un estilo que no tiene llave de cerrado, y a la tabla le sobra un <tr> y un </td>.

En cuanto a tu pregunta, hover solo se aplica a los links como bien ha dicho webosiris. Yo lo que haria seria una funcioncilla en javascript que me cambiase la clase de la celda:

Código HTML:
<html>
	<head>
		<style type="text/css">
			.seccion_par_autor {
				background: #fff none repeat scroll 100%;
				color: #59616e;
				margin:3px;
				}

			.seccion_par_autor a:link, .seccion_par_autor a:visited { 
				color: #000;
				text-decoration: none;
				}

			.seccion_par_autor a:hover, .seccion_par_autor a:active {
				color: #f49f00;
				text-decoration: underline;
				}

			.td_spar {
				font:13px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
				background: white;
				}

			.td_sparhover {
				font:13px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
				background: #eee none repeat scroll 0%;
				}

		</style>
		<script type="text/javascript">
			function cambiacolor()
			{
				document.getElementById("tdlink").className = "seccion_par_autor td_sparhover";
			}
			function devuelvecolor()
			{
				document.getElementById("tdlink").className = "seccion_par_autor td_spar";
			}
		</script>
	</head>
	<body>
		<table border="0px">
			<tr>
				<td id="tdlink" class="seccion_par_autor td_spar" onMouseOver="cambiacolor()" onMouseOut="devuelvecolor()"><a href="#"><strong>Una prueba</strong></a></td>
			</tr>
		</table>
	</body>
</html> 
Espero que te sirva, un saludo.
  #5 (permalink)  
Antiguo 12/12/2007, 07:48
Avatar de Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 11 años
Puntos: 126
Re: Cambiar color td

Gracias a los 3 por contestar.

Voy por partes

Lo que sugiere Eourus no funciona, ya lo había probado. Y no funciona

Con respecto a lo que comenta Andriuch, claro que una función lo solucionaría.
Pero antes de hacer eso yo haría
<td class="seccion_par_autor" OnMouseOver="this.className='td_spar'">
No es lo que busco

Así que el premio se lo lleva. No sabía que ie 6 solo acepta :hover en los vínculos. Yo lo probaba en FF y funciona, pero ni tan siquiera pensé que el pu** ie no lo aceptaba.

Gracias otra vez a los 3
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />

Última edición por Adler; 16/12/2007 a las 08:02
  #6 (permalink)  
Antiguo 12/12/2007, 09:07
 
Fecha de Ingreso: octubre-2006
Ubicación: Murcia - España
Mensajes: 336
Antigüedad: 11 años, 1 mes
Puntos: 6
Re: Cambiar color td

Me he fijado que te puse td:hover en vez de tr:hover. Pero claro en IE 6 nada de nada
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 17:24.