problema con estilos para enlaces

Rael74 · #1 (**permalink**) 18/09/2007, 16:11

Saludos a toda la comunidad
Estoy empezando en esto del diseño de páginas web y me encuentro con el siguiente problema: estoy trabajando con una página que contiene tres marcos y uno de ellos hace la función de menú. Pues bien, tengo hecha una simple tabla que contiene los enlaces a diferentes páginas. El color de los enlaces está definido en la cabecera del documento por medio de un style, y los atributos hover y active para hacer un cambio de color al pasar el ratón y al seleccionar el enlace, respectivamente, forman parte de una hoja externa.
El caso es que cuando visualizo la página con el IE7, funciona correctamente, es de decir, el color inicial de los enlaces, cambia cuando paso el ratón por encima y tambien cambia cuando hago clic sobre cualquiera de ellos y se mantiene así hasta que vuelvo a cambiar de página.
Pero cuando visualizo con Firefox o Netscape todo funciona excepto el active. Al hacer clic en un enlace con estos navegadores, se mantiene el color inicial.
¿Alguien podria decirme cual es el problema?
Adjunto el código por si resulta de utilidad.

Gracias por adelantado

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Documento sin título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">

</style>

<link href="estilsenllaços.css" rel="stylesheet" type="text/css">
</head>

<body>
<p> </p>
<p> </p>
<p> </p>

<p> </p>
<table width="100" height="149" border="0" align="left" cellspacing="5" class="Estilo1">
<tr>
<td><a class="estatslinks" href="central.htm" target="central">INICIO</a></td>
</tr>
<tr>
<td><a class="estatslinks" href="instalacions.htm" target="central">INSTALACIONES</a></td>
</tr>
<tr>
<td><a class="estatslinks" href="entorno.htm" target="central">ENTORNO</a></td>
</tr>
<tr>
<td><a class="estatslinks" href="turismo.htm" target="central">TURISMO</a></td>
</tr>
<tr>
<td><a class="estatslinks" href="tarifas.htm" target="central">TARIFAS</a></td>
</tr>
<tr>
<td><a class="estatslinks" href="donde.htm" target="central">¿...DONDE...?</a></td>
</tr>
</table>
</body>
</html>

y esta es la hoja de estilo:

a.estatslinks:hover {
color: #990000;
}
a.estatslinks:active {
color: #00FFFF;
}

Rael74

manumaf · #2 (**permalink**) 18/09/2007, 20:53

trata poniendo todas las reglas no importa que sean algunas de el mismo color y ponelas en este orden:

link
visited
hover
active

espero que te funcione

Carxl · #3 (**permalink**) 18/09/2007, 21:37

Además, no es recomendable utilizar estilos locales

..., yo de ti, quitaría el estilo local y lo pondría en la hoja externa...

Saludos

Rael74 · #4 (**permalink**) 19/09/2007, 12:57

Cita:

Iniciado por Carxl

Además, no es recomendable utilizar estilos locales

..., yo de ti, quitaría el estilo local y lo pondría en la hoja externa...

Saludos

Gracias Carxl y manumaf por vuestras sugerencias, pero sigue sin funcionar correctamente con los navegadores Firefox y Netscape, es decir, pongo todas las reglas en la hoja de estilo externa y la regla correspondiente a active no funciona. ¿Será que estos navegadores no interpretan debidamente esta regla?.

Espero de nuevo vuestras sugerencias, si no es mucha molestia, pues estoy estancado en este punto.

Saludos

LoBo2024 · #5 (**permalink**) 20/09/2007, 04:09

Prueba con lo siguiente:

Código:

a.estatslinks,a.estatslinks:link,a.estatslinks:visited{
        color: #00FFFF;
}
a.estatslinks:hover{
	color: #990000;
}

Justo en ese orden mostrado, debería funcionarte correctamente.