Foros del Web » Creando para Internet » CSS »

Problema con los colores de enlaces.

Estas en el tema de Problema con los colores de enlaces. en el foro de CSS en Foros del Web. Hola buenas. En un cuadro, tengo unos enlaces y unos textos. Los textos deben verse en blanco y los enlaces en FFF C00 ó 666 ...
  #1 (permalink)  
Antiguo 19/08/2009, 15:48
Avatar de wesse  
Fecha de Ingreso: junio-2003
Ubicación: España
Mensajes: 577
Antigüedad: 14 años, 6 meses
Puntos: 1
Problema con los colores de enlaces.

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;}
  #2 (permalink)  
Antiguo 19/08/2009, 15:59
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Problema con los colores de enlaces.

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
  1. .pg p {
  2.     font-family: Verdana, Arial, Helvetica, sans-serif;
  3.     font-size: 12px;
  4.         color: #FFF;
  5.     background-color: #000;
  6. }
  7. .pg p a {color: #FFF;}
  8. .pg p a:visited {color: #666;}
  9. .pg p a:hover {color: #C00;}

Código html:
Ver original
  1. <div class="pg">
  2. <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>
  3. </div>
y que cada propiedad la cierres con un "punto y coma" (;) que te falta después del color de .pg
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #3 (permalink)  
Antiguo 20/08/2009, 00:40
Avatar de wesse  
Fecha de Ingreso: junio-2003
Ubicación: España
Mensajes: 577
Antigüedad: 14 años, 6 meses
Puntos: 1
Respuesta: Problema con los colores de enlaces.

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>
  #4 (permalink)  
Antiguo 20/08/2009, 06:05
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Problema con los colores de enlaces.

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:
<!-- el propuesto por mi -->
<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>
<!-- el que tú usaste -->
<p class="pg">zxvzxcv <a href="asdfg">asdfasdf</a> <a href="asdf">asdfasdf </a></p>
Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
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 16:00.