cambiar el color de fondo de la celda y color de texto

haven · #1 (**permalink**) 29/12/2004, 11:54

Hola muy buenas a todas, haber si me se explicar que llevo una tarde bastante confusa (ofuscamiento mental

), tengo este código si le puede llmar como tal, bueno unas líneas:

Código HTML:

<style type="text/css">
.Estilo16 {
	font-size: 12px;
	color: #C6132D;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
A.Estilo16:hover	{color:ffffff;text-decoration:none;}
</style>

<body scroll=no>
<table>
<tr>
<td width="110" BGCOLOR="#A9C4E9" onmouseover="bgColor='731137'" onmouseout="bgColor='A9C4E9'">
<div align="center">
<a href="negocios.asp" class="Estilo16">negocios</a>
</div>
</td>
</tr>
</table>
</body>

Vale, esto hace que cuando me pongo encima de la celda esta cambie de color y si me pongo encima del texto cambie el color del texto y de la celda, ahora bien, lo que necesitaría es que al ponerme encima de la celda cambiaría de color la celda y el texto a parte de ser toda la celda un enlace.

Alguno me direis que para eso mejor una imagen, pero no me acaba de convencer ya que no queda bien, se lee mucho mejor con el texto.

si alguien sabe como se puede hacer esto......

Un saludete

JavierB · #2 (**permalink**) 29/12/2004, 12:02

Hola haven

He hecho algunos cambios a tu código. A ver si te gusta:

Código HTML:

<style type="text/css">
.Estilo16 {
	font-size: 12px;
	color: #C6132D;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
  background:#A9C4E9;
  display:block;
}
A.Estilo16:hover	{color:ffffff;text-decoration:none;background:#731137}
</style>

<table>
<tr>
<td width="110">
<div align="center">
<a href="negocios.asp" class="Estilo16">negocios</a>
</div>
</td>
</tr>
</table>

Saludos,

haven · #3 (**permalink**) 30/12/2004, 03:32

Hola JavierB, el problema de esto es que necesito que la celda tengo un altura de 25 pero si le pongo esta altura al pasar por encima la tipografia se me desplaza hacia arriba

Código HTML:

<style type="text/css">
.Estilo16 {
	font-size: 12px;
	color: #C6132D;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
  background:#A9C4E9;
  display:block;
}
A.Estilo16:hover	{
	color:ffffff;
	text-decoration:none;
	background:#731137;
	height: 25px;
}
</style>

<body scroll=no>
<table>
<tr>
<td width="110" height="25" class="Estilo16">
<div align="center">
<a href="negocios.asp" class="Estilo16">negocios</a>
</div>
</td>
</tr>
</table>
</body>

Un saludo