Foros del Web » Creando para Internet » CSS »

no me funciona el a.vinculo:link

Estas en el tema de no me funciona el a.vinculo:link en el foro de CSS en Foros del Web. Estuve revisando este tutorial: Código HTML: P-/ ¿Puedo usar dos estilos diferentes para los links de una misma página? R-/ Puedes crear una o varias ...
  #1 (permalink)  
Antiguo 11/03/2006, 13:48
Avatar de RazorBuzz  
Fecha de Ingreso: noviembre-2005
Ubicación: Corrientes - Argentina
Mensajes: 60
Antigüedad: 12 años
Puntos: 0
no me funciona el a.vinculo:link

Estuve revisando este tutorial:

Código HTML:
P-/ ¿Puedo usar dos estilos diferentes para los links de una misma página? 

R-/ Puedes crear una o varias clases y llamarlas desde los links a los que se desee dar ese aspecto.


<style type="text/css">
<!--
a:link { font-family: Tahoma, Verdana, Arial; color: #003366; text-decoration: none}
a:visited { font-family: Tahoma, Verdana, Arial; color: #0099CC; text-decoration: none}
a:hover { font-family: Tahoma, Verdana, Arial; color: #996600}
a:active { font-family: Tahoma, Verdana, Arial; color: #996633; text-decoration: none}


a.estilo2:link { font-family: Tahoma, Verdana, Arial; color: #993300; text-decoration: none}
a.estilo2:visited { font-family: Tahoma, Verdana, Arial; color: #CC9933; text-decoration: none}
a.estilo2:hover { font-family: Tahoma, Verdana, Arial; color: #996666}
a.estilo2:active { font-family: Tahoma, Verdana, Arial; color: #993300; text-decoration: none}
-->
</style>

Ahí hemos creado la clase estilo2. Aquellos enlaces que queramos que usen esa clase, se lo pedimos

<a href="pepe.html" class="estilo2"> pepe </a> 
Y probé de la siguiente manera:
Código HTML:
a:link { font-family: Tahoma, Verdana, Arial;}
a.vinculos:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
	text-decoration: none;
}
a.vinculos:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	text-decoration: underline;}
Y el html:

Código HTML:
<a href="#identificacion" class="vinculos">Identificaci&oacute;n</a><br> 
Y no tuve los resultados esperados

En que me equivoque?
__________________
:-) "Si buscas resultados distintos, no hagas siempre lo mismo.":si:
Química
  #2 (permalink)  
Antiguo 11/03/2006, 14:09
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
Hola RazorBuzz

¿Que es lo que no funciona como tú quieres? Lo he probado y me ha parecido que no da problemas

Por cierto, las propiedades que no van a cambiar en el hover no hace falta que las repitas, puedes dejarlo así:
Código:
a.vinculos:hover {
	font-size: 12px;
	text-decoration: underline;}
Saludos,
  #3 (permalink)  
Antiguo 11/03/2006, 14:27
Avatar de RazorBuzz  
Fecha de Ingreso: noviembre-2005
Ubicación: Corrientes - Argentina
Mensajes: 60
Antigüedad: 12 años
Puntos: 0
Gracias
El problema es que en IE no cambia el hover
__________________
:-) "Si buscas resultados distintos, no hagas siempre lo mismo.":si:
Química
  #4 (permalink)  
Antiguo 11/03/2006, 14:29
Avatar de RazorBuzz  
Fecha de Ingreso: noviembre-2005
Ubicación: Corrientes - Argentina
Mensajes: 60
Antigüedad: 12 años
Puntos: 0
Gracias Javi pero creo que la estoy embarrando peor

Te muestro el código:

A ver que me recomendas

Código:
a.vinculos:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
	text-decoration: none;}
a.vinculos:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;}
a.vinculos:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
a.vinculos:visited {
	text-decoration:none;}
__________________
:-) "Si buscas resultados distintos, no hagas siempre lo mismo.":si:
Química
  #5 (permalink)  
Antiguo 11/03/2006, 14:59
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
Hola de nuevo.

Prueba poniendolo en este orden:

link
visited
hover
active

Saludos,
  #6 (permalink)  
Antiguo 11/03/2006, 15:03
Avatar de RazorBuzz  
Fecha de Ingreso: noviembre-2005
Ubicación: Corrientes - Argentina
Mensajes: 60
Antigüedad: 12 años
Puntos: 0
Gracias. Funciono
__________________
:-) "Si buscas resultados distintos, no hagas siempre lo mismo.":si:
Química
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 01:14.