Foros del Web » Creando para Internet » CSS »

Duda con varios estilos para enlaces

Estas en el tema de Duda con varios estilos para enlaces en el foro de CSS en Foros del Web. Hola a todos ;) Me surge una duda a la hora de definir los estilos para los enlaces de mi página. Lo cierto es que ...
  #1 (permalink)  
Antiguo 19/09/2003, 07:38
 
Fecha de Ingreso: mayo-2003
Ubicación: España
Mensajes: 44
Antigüedad: 14 años, 6 meses
Puntos: 2
Duda con varios estilos para enlaces

Hola a todos ;)

Me surge una duda a la hora de definir los estilos para los enlaces de mi página. Lo cierto es que deseo mantener un estilo _por defecto_ y, a parte, establecer un par de estilos distintos.

Por ejemplo, a la hora de poner "enlaces por defecto" en las paginas (osea: <a href="loquesea">texto</a>) que se pongan con un determinado color y cuando quiera poner enlaces en mi menu de la página (por ejemplo: <a href="" class="enlaces_de_menu">seccion</a>) que sean de otro determinado color.

He intentado a hacer esto:

a { color: #FFFFFF; text-decoration: none; }
a:link { color: #FFFFFF; border-bottom: 1px solid #000000; }
a:visited { color: #FFFFFF; border-bottom: 1px solid #000000; }
a:active { color: #FFFFFF; border-bottom: 1px solid #000000; }
a:hover { color: #000000; }

a.linkmenu { color: #CC0000; text-decoration: none;}
a.linkmenu:link { color: #CC0000; }
a.linkmenu:visited { color: #CC0000; }
a.linkmenu:active { color: #CC0000; }
a.linkmenu:hover { color: #000000; }

Es decir, que me defino un estilo para todos los enlaces y luego me defino una clase "linkmenu" para los enlaces. De tal modo que al usar <a href=""> utilice el primer estilo y cuando use <a href="" class="linkmenu"> utilice el segundo estilo. Pero no funciona jeje

¿Sabéis cómo hacer tal cosa? Espero haberme explicado bien. Muchas gracias y un saludo!
  #2 (permalink)  
Antiguo 19/09/2003, 10:02
 
Fecha de Ingreso: agosto-2003
Mensajes: 499
Antigüedad: 14 años, 3 meses
Puntos: 1
hay un orden obligatorio para los pseudo-elementos :
a:link { color: red } /* unvisited links */
a:visited { color: blue } /* visited links */
a:hover { color: yellow } /* user hovers */
a:active { color: lime } /* active links */
__________________
Plaza Mozilla
http://www.chevrel.org/es/noticias/
  #3 (permalink)  
Antiguo 10/10/2003, 14:45
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 8.954
Antigüedad: 14 años, 9 meses
Puntos: 1802
Trata eliminando el pseudo elemento a:link, es una redundancia con a
  #4 (permalink)  
Antiguo 10/10/2003, 14:47
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 8.954
Antigüedad: 14 años, 9 meses
Puntos: 1802
Tambien hay un problema de herencia, tus class están heredando los bordes por ejemplo.
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 11:08.