Foros del Web » Creando para Internet » CSS »

Links diferentes que no funcionan

Estas en el tema de Links diferentes que no funcionan en el foro de CSS en Foros del Web. Hola, Estouy usando una hoja de estilos con dos diseño de link diferente, pero no se porque me funciona sólo uno: a.linkdos:link { font-family: Verdana, ...
  #1 (permalink)  
Antiguo 04/07/2005, 15:37
Avatar de divanrec  
Fecha de Ingreso: enero-2005
Ubicación: Buenos Aires
Mensajes: 54
Antigüedad: 12 años, 10 meses
Puntos: 0
Links diferentes que no funcionan

Hola,

Estouy usando una hoja de estilos con dos diseño de link diferente, pero no se porque me funciona sólo uno:

a.linkdos:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #003399;
text-decoration: none;
}
a.linkdos:visted {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bolder;
color: #003399;
text-decoration: none;
}
a.linkdos:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #FF9900;
text-decoration: underline;
}
a.linkdos:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #3399FF;
text-decoration: underline;
}
a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #FF9900;
text-decoration: none;
}
a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bolder;
color: #FF9900;
text-decoration: none;
}
a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #FF9900;
text-decoration: underline;
}
a:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #FF0000;
text-decoration: underline;
}


<a href="#" class="linkdos">Mapa
del sitio</a>

Que puede ser ? Solamente me toma los estilos de a:link.

Gracias
  #2 (permalink)  
Antiguo 04/07/2005, 17:21
Avatar de baccxus  
Fecha de Ingreso: mayo-2005
Ubicación: Panama city, Panama, Panama
Mensajes: 870
Antigüedad: 12 años, 6 meses
Puntos: 17
deberías poner en vez de
a.linkdos:link

.linkdos a:link

Y así con los demás
__________________
Al final del día hablar es gratis, codificar no lo es
  #3 (permalink)  
Antiguo 04/07/2005, 17:54
Avatar de Durgeoble  
Fecha de Ingreso: marzo-2003
Mensajes: 462
Antigüedad: 14 años, 9 meses
Puntos: 2
a.linkdos:visted mmm va a ser que no :)
__________________
Todas mis respuestas funcionaran correctamente en aquellos navegadores que respeten los estandares.
  #4 (permalink)  
Antiguo 04/07/2005, 21:08
Avatar de iconogt  
Fecha de Ingreso: septiembre-2004
Ubicación: Guatemala
Mensajes: 573
Antigüedad: 13 años, 3 meses
Puntos: 4
Sonrisa Hola divanrec,

Cuando haces esto: 'a:link' como ya sabemos lo estás haciendo en forma global, y usando la pseudo clase si te acepta el estilo o las distintas declaraciones de CSS, entonces lo que te aconsejaría que hicieras es esto:

Código:
a.uno:link, a.uno:visited{
propiedad: valor;
propiedad: valor;
}

a.uno:hover, a.uno:active{
propiedad: valor;
propiedad: valor;
} 
Código:
a.dos:link, a.dos:visited{
propiedad: valor;
propiedad: valor;
}

a.dos:hover, a.dos:active{
propiedad: valor;
propiedad: valor;
} 
Si, usé únicamente pseudo clases para los estilos y además es una forma de reducir el peso de tu hoja de estilos, que a la vez es muy fácil de aplicar en las etiquetas de xhtml, ejemplo:

Código:
<a href="#" class="uno">primer estilo</a>
<a href="#" class="dos">segundo estilo</a>
Y si quisieras aplicar los dos también lo puedes hacer:
Código:
<a href="#" class="uno dos">Mix</a>
Espero te sirva de algo,
Slds y suerte
__________________
_______
Jorge Rojas.
  #5 (permalink)  
Antiguo 04/07/2005, 21:12
Avatar de iconogt  
Fecha de Ingreso: septiembre-2004
Ubicación: Guatemala
Mensajes: 573
Antigüedad: 13 años, 3 meses
Puntos: 4
Ohh,oh

No me había dado cuenta de lo que dice el amigo Durgeoble, es VISITED no VISTED, bueno, claro como quiere que funcione, pero de todos modos no están de más las aportaciones...
__________________
_______
Jorge Rojas.
  #6 (permalink)  
Antiguo 05/07/2005, 04:34
Avatar de kemie  
Fecha de Ingreso: junio-2003
Ubicación: estocolmo<-->mexico
Mensajes: 1.627
Antigüedad: 14 años, 5 meses
Puntos: 1
tambien recuerda simpre poner tus selectores en este orden:
LINK
VISITED
HOVER
ACTIVE
__________________
::::::::::::::::::::::::::::: WebHostNinja | diseñorama.com::::::::::::::::::::::::::::::
  #7 (permalink)  
Antiguo 05/07/2005, 07:33
Avatar de divanrec  
Fecha de Ingreso: enero-2005
Ubicación: Buenos Aires
Mensajes: 54
Antigüedad: 12 años, 10 meses
Puntos: 0
Chicos/chicas,

La verdad, son lo mejor. Siempre que tengo una duda me la contestan rapidismo y completísimo aca. Un millón de gracias, de verdad
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 23:23.