Foros del web, para los que viven de bits

Aoi · 24-feb-2006, 04:36

Hola gente!

He mirado y remirado las FAQS que hay en este foro y también he probado como llevar a cabo ciertas cosas de CSS y lo único que no me sale, son las diferentes clases de links.

Cita:

Este seria el enlace por defecto:

a:link
{
color: #333333;
cursor: crosshair;
font-family: Trebuchet MS;
font-size: 9pt;
font-weight: bold;
text-decoration: none;
}

Y en el mismo CSS le he añadido este otro enlace:

Cita:

a.2006style:link
{
color: #FFFFFF;
cursor: crosshair;
font-family: Trebuchet MS;
font-size: 9pt;
font-weight: bold;
text-decoration: none;
}

Aun especificando en el link, la clase (2006style), el enlace me aparece en negro y no en blanco. ¿Tengo algun error en el código?

Gracias !

JavierB · 24-feb-2006, 04:43

Hola Aoi

Creo que es porque el nombre de la clase empieza por número. Prueba poniendolo, por ejemplo, así:

a.style2006:link

Saludos,

Aoi · 24-feb-2006, 06:25

He probado lo que me has dicho y nada, sigue igual.. :(

Aoi · 24-feb-2006, 08:48

Bueno, ya lo he solucionado y era una tonteria...

Para que funcione la clase definida, hay que dejar un espacio:

Correcto : .nuevaclase a:link
Incorrecto : a.nuevaclase:link

Espero que esto os sirva de ayuda ;) un saludo ! Y gracias por la respuesta JavierB.

JavierB · 24-feb-2006, 10:25

Me alegro de que lo hayas solucionado, pero me sorprende lo de que a.nuevaclase:link es incorrecto

He hecho un ejemplo sencillo y parece que funciona bien:

Código:

<html>
<head>
<style type="text/css">
a:link {color:red}
a.link2006:link {color:green}
</style>
</head>
<body>
<a href="algo.html">Enlace</a>
<a href="algo.html" class="link2006">Enlace</a>
</body>
</html>

Saludos,

man0l0 · 24-feb-2006, 11:16

Lo correcto es:
.Clase a:link {}

Así le dices al browser que el link contenido en .Clase tenga esos estilos, lo mismo para cualquier otro elemento que esté usando el estilo .Clase

Como: .Clase p {} o .Clase h1 {}, etc etc.

Saludos!

24-feb-2006, 04:36	#1 (permalink)
Aoi Fecha de Ingreso: octubre-2003 Mensajes: 16	Ayuda con dos estilos Hola gente! He mirado y remirado las FAQS que hay en este foro y también he probado como llevar a cabo ciertas cosas de CSS y lo único que no me sale, son las diferentes clases de links. Cita: Este seria el enlace por defecto: a:link { color: #333333; cursor: crosshair; font-family: Trebuchet MS; font-size: 9pt; font-weight: bold; text-decoration: none; } Y en el mismo CSS le he añadido este otro enlace: Cita: a.2006style:link { color: #FFFFFF; cursor: crosshair; font-family: Trebuchet MS; font-size: 9pt; font-weight: bold; text-decoration: none; } Aun especificando en el link, la clase (2006style), el enlace me aparece en negro y no en blanco. ¿Tengo algun error en el código? Gracias !

24-feb-2006, 04:43	#2 (permalink)
JavierB Moderata Fecha de Ingreso: noviembre-2002 Ubicación: Madrid Mensajes: 19.555	Hola Aoi Creo que es porque el nombre de la clase empieza por número. Prueba poniendolo, por ejemplo, así: a.style2006:link Saludos, __________________ Lee las Políticas de los foros y escribe correctamente.

24-feb-2006, 10:25	#5 (permalink)
JavierB Moderata Fecha de Ingreso: noviembre-2002 Ubicación: Madrid Mensajes: 19.555	Me alegro de que lo hayas solucionado, pero me sorprende lo de que a.nuevaclase:link es incorrecto He hecho un ejemplo sencillo y parece que funciona bien: Código: <html> <head> <style type="text/css"> a:link {color:red} a.link2006:link {color:green} </style> </head> <body> <a href="algo.html">Enlace</a> <a href="algo.html" class="link2006">Enlace</a> </body> </html> Saludos, __________________ Lee las Políticas de los foros y escribe correctamente.

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado

24-feb-2006, 06:25	#3 (permalink)
Aoi Fecha de Ingreso: octubre-2003 Mensajes: 16	He probado lo que me has dicho y nada, sigue igual.. :(

24-feb-2006, 08:48	#4 (permalink)
Aoi Fecha de Ingreso: octubre-2003 Mensajes: 16	Bueno, ya lo he solucionado y era una tonteria... Para que funcione la clase definida, hay que dejar un espacio: Correcto : .nuevaclase a:link Incorrecto : a.nuevaclase:link Espero que esto os sirva de ayuda ;) un saludo ! Y gracias por la respuesta JavierB.

24-feb-2006, 11:16	#6 (permalink)
man0l0 Fecha de Ingreso: febrero-2006 Mensajes: 114	Lo correcto es: .Clase a:link {} Así le dices al browser que el link contenido en .Clase tenga esos estilos, lo mismo para cualquier otro elemento que esté usando el estilo .Clase Como: .Clase p {} o .Clase h1 {}, etc etc. Saludos!