Problema con los colores de enlaces.

wesse · #1 (**permalink**) 19/08/2009, 14:48

Hola buenas.

En un cuadro, tengo unos enlaces y unos textos. Los textos deben verse en blanco y los enlaces en FFF C00 ó 666 según el estado. El tema es que no funciona, sólo funciona si quito el color: #FFF del .pg
¿Porqué es incompatible? Gracias.

Código:

.pg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
        color: #FFF
	background-color: #000;
}
.pg a:link {color: #FFF;}
.pg a:hover {color: #C00;}
.pg a:visited {color: #666;}

kseso? · #2 (**permalink**) 19/08/2009, 14:59

a falta del código html y suponiendo que el texto lo tienes en párrafos <p>...</p> lo lógico es que apliques el color a los párrafos y a los enlaces:

Código css:

Ver original.pg p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
        color: #FFF;
    background-color: #000;
}
.pg p a {color: #FFF;}
.pg p a:visited {color: #666;}
.pg p a:hover {color: #C00;}

Código html:

Ver original<div class="pg">
<p>a falta del código html y suponiendo que el texto lo tienes en párrafos, lo lógico es que apliques el color a los párrafos y a <a href="#" title="un enlace">los enlaces</a></p>
</div>

y que cada propiedad la cierres con un "punto y coma" (;) que te falta después del color de .pg

wesse · #3 (**permalink**) 19/08/2009, 23:40

Gracias por tu respuesta, pero no he solucionado el problema. Siguiendo tus indicaciones me sale aún peor, ya que aparece todo sin formato:

Código:

<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.pg p {font-family: Verdana, Arial, Helvetica, sans-serif;
          font-size: 22px;
          color: #FFF;
          background-color: #000;}
.pg p a {color: #FFF;}
.pg p a:visited {color: #666;}
.pg p a:hover {color: #C00;}
-->
</style>
</head>

<body>
<p class="pg">zxvzxcv <a href="asdfg">asdfasdf</a> <a href="asdf">asdfasdf </a></p>
</body>
</html>

kseso? · #4 (**permalink**) 20/08/2009, 05:05

Primero una pequeña rectificación a mi código en el color del enlace
.pg p a {color: #FFF C00;}
Segundo, el código que tú has utilizado en el html no es el que yo te propuse.
Mira a ver si puestos juntos ves la diferencia:

Cita:

<div class="pg">
<p>a falta del código html y suponiendo que el texto lo tienes en párrafos, lo lógico es que apliques el color a los párrafos y a <a href="#" title="un enlace">los enlaces</a></p>
</div>

<p class="pg">zxvzxcv <a href="asdfg">asdfasdf</a> <a href="asdf">asdfasdf </a></p>

Un saludo