Links Visitados y Activos ¿?

[jpogsistem]

Que tal, estoy aplicando una hoja de estilos que tiene esta parte:

Código PHP:

  .textocontenido { 
FONT-SIZE: 13px; COLOR: #516068; FONT-FAMILY: Verdana, Arial,  
 
Helvetica, sans-serif; TEXT-ALIGN: justify; TEXT-DECORATION: none; 
 
 visited color: #516068; active color: #516068; 
}  
   

Pero creo que está mal el código de lo último:

visited color: #516068; active color: #516068;

Porque no me lo aplica y en el Dream aparece subrayado.

Como sería.

Saludos y Gracias.

[Bilka]

el visited, se aplica a la propiedad a (la de los enlaces) para cambiar el color de un link k ya has visitado.
Ej:
a: visited {color: fff000;}
Y el Active es 3/4 de lo mismo, solo que para los links activos.

[iconogt]

Iniciado por jpogsistem

.textocontenido {
FONT-SIZE: 13px; COLOR: #516068; FONT-FAMILY: Verdana, Arial,

Helvetica, sans-serif; TEXT-ALIGN: justify; TEXT-DECORATION: none;

visited color: #516068; active color: #516068;
}

hmmm primero una pregunta... ¿es puro texto o son vínculos? por que déjame te digo que para qué o por qué aplicarles pseudo clases a un simple texto, porque hasta donde yo sé eso sería para la etiqueta que funciona como enlace a otro recurso <a href=".com">vínculo</a> hmmmm ya me hice chibolas

Ok veamos.... aquí te voy a dejar un ejemplo de cómo lo haría yo para aplicarle estilo a mis links:

Código:

A.menu:link, A.menu:visited {
	font-family: Verdana, Arial;
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	}

A.menu:hover, A.menu:active {
	font-family: Verdana, Arial;
	font-size: 10pt;
	font-weight: Bold;
	background-color: #FFFFFF;
	color: #005B80;
	text-decoration: underline overline;
	cursor: default;
	}

ahhh,, jajajajja ya ví donde está tu error esque estás aplicando una pseudo clase como si fuera una propiedad lo que tendrías que hacer es como está en el ejemplo de arriba (aunque para serte sincero todabía estoy confundido si son links o puro texto ), pero bueno, la cosa en sí es... tienes que aplicar la pseudo clase al elemento o a la clase o identificador "ID" donde quieras el efecto.

De hecho acabo de responder algo similar en otro post parecido a este , ok espero haber podido ayudar...

Slds y suerte

[iconogt]

Jé, casi nos chocamos BILka

[jpogsistem]

Es que tengo todo el texto de la página así con ese css.

Pero en un par de páginas parte del texto se convierte en link y se pone Azul, eso es lo que deseo controlar que no sea azul sino lo más parecido a la fuente de contenido.

[iconogt]

Ok jpogsistem, danos un ejemplo de lo que quieres hacer y te ayudamos con tu problema, es decir, ¿que color quieres, tamaño de letra, tipo de letra,? etc, etc,

slds...

[jpogsistem]

La misma que he puesto, pero con color #516068 para los vinculos activos y visitados.

[iconogt]

Ok aquí te dejo un ejemplo para que lo apliques:

Código:

A.textocontenido:hover, A.textocontenido:active {
	font-family: Verdana, Arial, Helvetica;
	font-size: 13px;
	color: #516068;
	text-decoration: none;
	cursor: hand;
	}

Bueno... creo que esa sería la solución a tu problema amigo...
Si no lo es avisa
Slds...

[jpogsistem]

Lo pregunto de otra manera:

Tengo esta hoja de estilos:

Código PHP:

  .textocontenido {  
FONT-SIZE: 13px; COLOR: #516068; FONT-FAMILY: Verdana, Arial,  
 
Helvetica, sans-serif; TEXT-ALIGN: justify; TEXT-DECORATION: none;  
 
}  
   

Cómo le adiciono esto?

Código PHP:

  visited color: #516068; active color: #516068;  
   

[iconogt]

Creo que ahora ya te entendí perfectamente que es lo que quieres conseguir,

Lo que tendrías que hacer es esto:

Código:

.textocontenido:hover, .textocontenido:active {
          color: #516068; }

Wow amigo, si no es eso lo que preguntas entonces ya no sé ni que responderte ajaajja pero no hay problema, estoy poniendo a prueba mis poderes

Slds...

[jpogsistem]

Una ultima mano con la sintaxis? Porfa: algo de los{{

Código PHP:

  .textocontenido { 
FONT-SIZE: 13px; COLOR: #516068; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: justify; TEXT-DECORATION: none;  
.textocontenido:hover, .textocontenido:active color: #516068;  
}  
   

[iconogt]

Iniciado por jpogsistem

Una ultima mano con la sintaxis? Porfa: algo de los{{

Código PHP:

  .textocontenido { 
FONT-SIZE: 13px; COLOR: #516068; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: justify; TEXT-DECORATION: none;  
.textocontenido:hover, .textocontenido:active color: #516068;  
}  
   

Hmmm, veamos.....

Donde tienes las declaraciones para .textocontenido creo que sólo te haría falta la llave de cierre (}) ya que sólo tienes la de apertura, es sencillo como ya sabrás cuando vas a declarar estilos (agrupados), y/o vas a crear una clase o un identificador, o bien, usar directamente el elemento... La sintáxis que tienes que aplicar sería así:

/*selector= elemento P*/

Código:

P { propiedad: valor;propiedad: valor; }

Esto es cuando trabajamos directamente con el selector, se abre la llave para hacer las respectivas declaraciones y luego se cierra para indicar que allí termina el estilo para dicho elemento.

Y, al igual que cualquier otro estilo que querramos dar, ya sea usando clases o ID's sería siempre la misma historia:

/*selector= .clase1*/

Código:

.clase1 {
   propiedad: valor;propiedad: valor; }

y así puedes ir aplicando los diferentes estilos que quieras.
¿Ahora no sé si ya entendistes cual era tu problema con las pseudo clases que querías aplicar? tu problema era que querías aplicar una pseudo clase como una propiedad más y con un valor, y lo estabas aplicando de manera incorrecta ya que ( visited-color: ) NO existe en CSS , hmmm déjame reviso en la Web a ver si encuentro un tutorial de CSS buenísimo para que vayas aprendiendo Cuando tenga la url te la mando

Slds y suerte

[jpogsistem]

Hombre, no funciona.

[frijolerou]

Los estilos para los links tienes que hacerlos aparte:

/*Estilo para los textos en general*/
.textocontenido {
FONT-SIZE: 13px;
COLOR:
#516068;
FONT-FAMILY: Verdana, Arial,Helvetica, sans-serif;
TEXT-ALIGN: justify;
}

/*Estilo para los links*/
a.textocontenido:link{
color:#alguncolor;
text-decoration:none;
}
/*Estilo para losl inks visitados*/
a.textocontenido:visited{
color:#alguncolor;
}
/*Estilos al estar encima de los links*/
a.textocontenido:hover{
color:#alguncolor;
}
/*Estilos para cuando haces click en los links
a.textocontenido:active{
color:#alguncolor;
}

[iconogt]

Lo que tiene que tener bien en cuenta es el orden para cambiar el aspecto de los links, el cual sería así:

A:link
A:visited
A:hover
A:active

Por tal razón yo lo hago de la manera anteriormente explicada:

Código:

A:link, A:visited {  }
A:hover, A:active {  } 

De esa manera se reduce considerablemente el peso de tu hoja de estilos La manera correcta de llamarlo sería, (Agrupamiento de selectores)

Bueno, sin más me despido...
Slds y suerte