Foros del Web » Creando para Internet » CSS »

2 hojas de estilo para 2 enlaces distintos

Estas en el tema de 2 hojas de estilo para 2 enlaces distintos en el foro de CSS en Foros del Web. Hola, tengo un menú con unos enlaces a los que quiero aplicar un estilo CSS, pero quiero aplicar otro estilo distinto al resto de enlaces ...
  #1 (permalink)  
Antiguo 20/11/2005, 12:22
Avatar de J.ke  
Fecha de Ingreso: enero-2005
Mensajes: 58
Antigüedad: 19 años, 2 meses
Puntos: 0
2 hojas de estilo para 2 enlaces distintos

Hola, tengo un menú con unos enlaces a los que quiero aplicar un estilo CSS, pero quiero aplicar otro estilo distinto al resto de enlaces de la misma página.

El caso es que por más que lo intento todos los enlaces me salen con el mismo estilo.




La primera hoja de estilos es esta:

Código:
.negromenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #990000;
	background-color: #000000;
	text-align: center;
	}

a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	}

a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #990000;
	text-decoration: none;
	}

La segunda hoja es esta:

Código:
.rojo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #CCCCCC;
	text-indent: 25pt;
	background-color: #990000;
	text-align: justify;
	}

a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
	}

a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
	}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
	}




En el head del documento pongo lo siguiente:

Código:
<link href="estilos/rojo.css" rel="stylesheet" type="text/css">
<link href="estilos/negromenu.css" rel="stylesheet" type="text/css">

Y después en cada enlace añado la etiqueta class como explicáis en el faq de css y en otros temas del foro:

Código:
<a href="index.htm" class="negromenu">Inicio</a>

<a href="mailto:[email protected]" class="rojo">enviar email</a>
Pero los 2 enlaces me salen con el estilo .negromenu (y si en el head del documento cambio el orden vinculando el estilo .negromenu encima del .rojo, los dos enlaces aparecen con el estilo .rojo).

¿Qué estoy haciendo mal?

Muchas gracias
  #2 (permalink)  
Antiguo 20/11/2005, 13:14
Avatar de Microbito  
Fecha de Ingreso: octubre-2001
Ubicación: Cd. Juárez, Chihuahua, México
Mensajes: 829
Antigüedad: 22 años, 5 meses
Puntos: 6
J.ke la respuesta estaba en el mensaje original donde publicaste, tienes que usar clases distintas para los enlaces tn tu CSS

Código HTML:
a:link {propidades}  --> es el enlace normal
y

Código HTML:
a.enlace2:link  {propiedades} --> este es el enlace segundo

entonces ya solo le pones la clase a cada enlace:

Código HTML:
<a href="#" class="enlace2">Hola</a> 
lo anterior es el codigo para el segundo estilo de enlace

Los demas apareceran con el estilo normal de a:link.
si necesitas mas estilos solo delcaras mas clases.
  #3 (permalink)  
Antiguo 20/11/2005, 13:21
Avatar de leoj90
Usuario baneado!
 
Fecha de Ingreso: agosto-2005
Mensajes: 1.365
Antigüedad: 18 años, 7 meses
Puntos: 0
La clase principal, porq en algunos navegadores no sirve.

enlace2 {
font-size: 10pt;
}

a.enlace2:link {
color:#0000CC;
}
................
  #4 (permalink)  
Antiguo 20/11/2005, 14:12
Avatar de J.ke  
Fecha de Ingreso: enero-2005
Mensajes: 58
Antigüedad: 19 años, 2 meses
Puntos: 0
Biennnnnnn!!!

Es que no entendía muy bien lo de a.enlace2:link, yo estaba haciendo una hoja nueva para cada estilo


Olle muchas gracias, en serio, me habéis salvado de un apuro, porque llevo toda la tarde mirando manuales y foros para terminar una Web y ya estaba un poco desesperado...


Os debo una, taluegooo
  #5 (permalink)  
Antiguo 20/11/2005, 14:35
Avatar de leoj90
Usuario baneado!
 
Fecha de Ingreso: agosto-2005
Mensajes: 1.365
Antigüedad: 18 años, 7 meses
Puntos: 0
Cita:
Iniciado por J.ke
Os debo una, taluegooo
Y eso porque? Si estás en un foro donde se ayuda a cambio de nada.
  #6 (permalink)  
Antiguo 20/11/2005, 20:11
Avatar de Microbito  
Fecha de Ingreso: octubre-2001
Ubicación: Cd. Juárez, Chihuahua, México
Mensajes: 829
Antigüedad: 22 años, 5 meses
Puntos: 6
Cita:
Iniciado por leoj90
La clase principal, porq en algunos navegadores no sirve.

enlace2 {
font-size: 10pt;
}

a.enlace2:link {
color:#0000CC;
}
................

ahora lo entiendo...
  #7 (permalink)  
Antiguo 20/11/2005, 20:11
Avatar de Microbito  
Fecha de Ingreso: octubre-2001
Ubicación: Cd. Juárez, Chihuahua, México
Mensajes: 829
Antigüedad: 22 años, 5 meses
Puntos: 6
J.ke, por que usas dos hojas CSS?
  #8 (permalink)  
Antiguo 21/11/2005, 09:56
Avatar de J.ke  
Fecha de Ingreso: enero-2005
Mensajes: 58
Antigüedad: 19 años, 2 meses
Puntos: 0
Pues hasta ahora creaba una hoja nueva para cada estilo porque no sabía que se pudieran poner varios estilos distintos en una misma hoja

Ahora que lo sé me ahorraré trabajo poniendo todos los estilos de la página en una sola hoja.
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 07:42.