Foros del web, para los que viven de bits

15-nov-2005, 18:03

Hola a todos.
Me encuentro con el siguiente problema. Cuando le pongo un estilo nuevo de hipertexto css me ejecuta en toda la página y yo solo quiero darle ese estilo nuevo a algunos vínculos.

¿Que hago?

Microbito · 15-nov-2005, 23:30

Usando clases exclusivas para los enlaces diferentes:

Código HTML:

<style type="text/css">

a:link {estilo 1}
a:hover {estilo 1}
a:visited {estilo 1}
a:active {estilo 1}

a.en2:link {estilo 2}
a.en2:hover {estilo 2}
a.en2:visited {estilo 2}
a.en2:active {estilo 2}

</style>


<body>

<a href="#">enlace con estilo 1</a>
<a href="#" class="en2">Enlace con estilo 2</a>

</body>

leoj90 · 15-nov-2005, 23:36

Siempre el mismo error... CLASE PRINCIPAL!!!

a:link {estilo 1}
a:hover {estilo 1}
a:visited {estilo 1}
a:active {estilo 1}

.en2 {font: 14px Arial;}
a.en2:link {estilo 2}
a.en2:hover {estilo 2}
a.en2:visited {estilo 2}
a.en2:active {estilo 2}

Microbito · 15-nov-2005, 23:44

y asi?

Código HTML:

<style>

a.en2:link {color:#00CC33; font-family: Arial; font-size: 14px;}
a.en2:hover {color:#003399}
a.en2:visited {color:#ffcc00}
a.en2:active {color:#005533}

a:link {color: #990000;}
a:visited {color: #3399CC;}
a:hover {color: #FF3300;}
a:active {color: #CC6633;}

</style>

leoj90 · 16-nov-2005, 00:17

Cita:

Iniciado por Microbito

y asi?

Código HTML:

<style>

a.en2:link {color:#00CC33; font-family: Arial; font-size: 14px;}
a.en2:hover {color:#003399}
a.en2:visited {color:#ffcc00}
a.en2:active {color:#005533}

a:link {color: #990000;}
a:visited {color: #3399CC;}
a:hover {color: #FF3300;}
a:active {color: #CC6633;}

</style>

Q yo sepa no toma el estilo de en2.

J.ke · 20-nov-2005, 10:16

EDITADO: He borrado el mensaje y lo he pegado en un tema nuevo, aquí tenéis el enlace:

2 hojas de estilo para 2 enlaces distintos

leoj90 · 20-nov-2005, 11:12

Abre un tema nuevo o lee los posts de arriba q en eso estamos.

J.ke · 20-nov-2005, 11:19

Ok, lo había puesto aquí porque es lo mismo que preguntaba BIOFOROS pero si dices que es mejor abrir un tema nuevo lo pongo ahora mismo, gracias.

15-nov-2005, 18:03	#1 (permalink)
BIOFOROS Invitado Mensajes: n/a	Distintos estilos de hipertexto en dreamweaver Hola a todos. Me encuentro con el siguiente problema. Cuando le pongo un estilo nuevo de hipertexto css me ejecuta en toda la página y yo solo quiero darle ese estilo nuevo a algunos vínculos. ¿Que hago?

15-nov-2005, 23:30	#2 (permalink)
Microbito Fecha de Ingreso: noviembre-2002 Ubicación: Cd. Juárez, Chihuahua, México Mensajes: 819	Usando clases exclusivas para los enlaces diferentes: Código HTML: <style type="text/css"> a:link {estilo 1} a:hover {estilo 1} a:visited {estilo 1} a:active {estilo 1} a.en2:link {estilo 2} a.en2:hover {estilo 2} a.en2:visited {estilo 2} a.en2:active {estilo 2} </style> <body> <a href="#">enlace con estilo 1</a> <a href="#" class="en2">Enlace con estilo 2</a> </body> __________________ Canciones de un Camarada Errante Diseño de páginas de internet: guía basada en conceptos de usabilidad web

15-nov-2005, 23:44	#4 (permalink)
Microbito Fecha de Ingreso: noviembre-2002 Ubicación: Cd. Juárez, Chihuahua, México Mensajes: 819	y asi? Código HTML: <style> a.en2:link {color:#00CC33; font-family: Arial; font-size: 14px;} a.en2:hover {color:#003399} a.en2:visited {color:#ffcc00} a.en2:active {color:#005533} a:link {color: #990000;} a:visited {color: #3399CC;} a:hover {color: #FF3300;} a:active {color: #CC6633;} </style> __________________ Canciones de un Camarada Errante Diseño de páginas de internet: guía basada en conceptos de usabilidad web

20-nov-2005, 10:16	#6 (permalink)
J.ke Fecha de Ingreso: enero-2005 Mensajes: 58	EDITADO: He borrado el mensaje y lo he pegado en un tema nuevo, aquí tenéis el enlace: 2 hojas de estilo para 2 enlaces distintos Última edición por J.ke; 20-nov-2005 a las 11:26.

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

15-nov-2005, 23:36	#3 (permalink)
leoj90 Usuario baneado! Fecha de Ingreso: agosto-2005 Mensajes: 1.369	Siempre el mismo error... CLASE PRINCIPAL!!! a:link {estilo 1} a:hover {estilo 1} a:visited {estilo 1} a:active {estilo 1} .en2 {font: 14px Arial;} a.en2:link {estilo 2} a.en2:hover {estilo 2} a.en2:visited {estilo 2} a.en2:active {estilo 2}

20-nov-2005, 11:12	#7 (permalink)
leoj90 Usuario baneado! Fecha de Ingreso: agosto-2005 Mensajes: 1.369	Abre un tema nuevo o lee los posts de arriba q en eso estamos.

20-nov-2005, 11:19	#8 (permalink)
J.ke Fecha de Ingreso: enero-2005 Mensajes: 58	Ok, lo había puesto aquí porque es lo mismo que preguntaba BIOFOROS pero si dices que es mejor abrir un tema nuevo lo pongo ahora mismo, gracias.