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">
<!--
.Estilo1 {font-size: 12px}
a {color:#00CC00;
}
-->
</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