Foros del Web » Creando para Internet » HTML »

2 css en una sola pagina y con la misma referencia

Estas en el tema de 2 css en una sola pagina y con la misma referencia en el foro de HTML en Foros del Web. Buenas!! Necesitaria que alguien me de una mano con esto, a ver si puede: En una sola pagina html quiero poner vinculos para los links ...
  #1 (permalink)  
Antiguo 22/05/2002, 14:30
 
Fecha de Ingreso: mayo-2002
Mensajes: 13
Antigüedad: 15 años, 6 meses
Puntos: 0
2 css en una sola pagina y con la misma referencia

Buenas!!
Necesitaria que alguien me de una mano con esto, a ver si puede:
En una sola pagina html quiero poner vinculos para los links (link, hover, visited, active) con capas css pero que se vean distintos. O sea, en los textos un css "a" y en los links de la navegacion un css "b". El problema se me presenta que al ser el html unico y estar todo en la misma paginal si vinculo la pagina a un css no lo puedo hacer al otro. ¿Como hago para vincular independientemente cada texto a un css de vinculo distinto?

gracias
  #2 (permalink)  
Antiguo 22/05/2002, 15:53
Avatar de DanielRey
Usuario no validado
 
Fecha de Ingreso: enero-2001
Ubicación: Mendoza
Mensajes: 630
Antigüedad: 16 años, 10 meses
Puntos: 1
Re: 2 css en una sola pagina y con la misma referencia

Hola Kkokkoff :)

Probá con clases

<STYLE>
A {text-decoration: none;text-align: left;}
A.a {color: "#FFF";}
A.a:hover {color: "#F00";background-color: #CCC ;}
A.b {color: "#000000";font-size: 18px;}
A.b:hover {color: "#FF0000";}
A.c {color: "#0000FF";font-weight: bold;}
A.c:hover {color: "#FF0000";}
</STYLE>
Y después ponés
<A HREF="#">Sin clase</A>
<A class="a" HREF="#">Clase A</A>
<A class="b" HREF="#">Clase B</A>
<A class="c" HREF="#">Clase C</A>

Suerte ;)
  #3 (permalink)  
Antiguo 22/05/2002, 16:58
 
Fecha de Ingreso: mayo-2002
Mensajes: 13
Antigüedad: 15 años, 6 meses
Puntos: 0
Re: 2 css en una sola pagina y con la misma referencia

Muchas gracias Daniel!!!

Lo probe asi nomas y anduvo el ejemplo pelado. Espero poder adaptarlo a lo que necesito.
Lo unico que me olvide de aclarar es que necesito que los tipos de letra y tamaño queden siempre iguales. Esto lo logre con un css que aplique a los links, porque no quiero que al modificar el tamanño del texto del navegador del ciente el sitio se vuelva un cambalache de formatos.

Gracias de nuevo y te cuento como me fue.
  #4 (permalink)  
Antiguo 22/05/2002, 17:11
 
Fecha de Ingreso: mayo-2002
Mensajes: 13
Antigüedad: 15 años, 6 meses
Puntos: 0
Re: 2 css en una sola pagina y con la misma referencia

Ya que estamos, te hago una pregunta mas que hace rato tengo y quisiera utilizar:

como haces para que al pasar el mouse sobre una celda ésta cambie el color de fondo y tenga un link?

gracias, che.

PD: ya estuve practicando y va bien lo de los links css
  #5 (permalink)  
Antiguo 22/05/2002, 18:12
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.547
Antigüedad: 15 años, 8 meses
Puntos: 1262
Re: 2 css en una sola pagina y con la misma referencia

Hola Kkokkoff:

Creo que hay que darte la bienvenida al foro...

Lo de la celda puede ser algo así:

<td onmouseover="style.background-color:_un_color"
onmouseout="style.background-color:_otro_color"
onclick="el_enlace" >

Saludos
  #6 (permalink)  
Antiguo 23/05/2002, 08:18
 
Fecha de Ingreso: mayo-2002
Mensajes: 13
Antigüedad: 15 años, 6 meses
Puntos: 0
Re: 2 css en una sola pagina y con la misma referencia

Hola Caricatos!
Si, es cierto, estas son mis primeras "posteadas" en el foro. Hasta ahora fui siempre un visitante lector unicamente.

Muchas gracias por tu ayuda... pero sere bruto, no logro hacerlo funcionar... lo copie tal cual me lo enviaste, pero ni se mosqueó el html, como si nada.

¿Donde está mi error? Gracias de nuevo.
  #7 (permalink)  
Antiguo 23/05/2002, 10:27
Avatar de DanielRey
Usuario no validado
 
Fecha de Ingreso: enero-2001
Ubicación: Mendoza
Mensajes: 630
Antigüedad: 16 años, 10 meses
Puntos: 1
Re: 2 css en una sola pagina y con la misma referencia

Probá así:

<td onmouseover = "style.color = '#FF0000'; style.backgroundColor = '#00FFFF'; style.cursor = 'hand'" onmouseout = "style.color = '#0000FF'; style.backgroundColor = '#FF0000'" onclick = "location.assign('http://www.sarc.com')">Hola</TD>
  #8 (permalink)  
Antiguo 23/05/2002, 10:42
 
Fecha de Ingreso: mayo-2002
Mensajes: 13
Antigüedad: 15 años, 6 meses
Puntos: 0
Re: 2 css en una sola pagina y con la misma referencia

¡¡¡JAMON DEL MEDIO!!!!! :P

Con esto solucione todo lo que necesitaba, Daniel!!

Gracias a los dos por esta mano gigante que me dieron.
Nos vemos por ahi!!!
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 12:40.