Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] >> Link: de minuscula a MAYUSCULA <<

Estas en el tema de >> Link: de minuscula a MAYUSCULA << en el foro de CSS en Foros del Web. Hola [email protected] del Foro Código: <!-- a:link {color: #00008B; text-decoration: none; font-size: 13px; font-family: verdana} a:visited {color: #00008B; text-decoration: none; font-size: 13px; font-family: verdana} a:hover ...
  #1 (permalink)  
Antiguo 04/09/2004, 05:08
Avatar de seoista  
Fecha de Ingreso: septiembre-2003
Ubicación: Pues leyéndote
Mensajes: 1.076
Antigüedad: 14 años, 3 meses
Puntos: 57
>> Link: de minuscula a MAYUSCULA <<

Hola [email protected] del Foro
Código:
<!--
a:link {color: #00008B; text-decoration: none; font-size: 13px; font-family: verdana}
a:visited {color: #00008B; text-decoration: none; font-size: 13px; font-family: verdana}
a:hover {color: #FF0000; text-decoration: none; font-size: 13px; font-family: verdana}
a:activeo {color: #00008B; text-decoration: none; font-size: 13px; font-family: verdana}
--> 
¿Cómo hacer para que en este CSS, al poner el cursor del ratón (mouse) encima de un link, cambie de minúscula a MAYUSCULA?

Gracias.

Saludos
__________________
· Lo poco que sé, lo he aprendido de AQUÍ ·
· No contesto por M.P. ·
  #2 (permalink)  
Antiguo 04/09/2004, 05:18
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 16 años, 3 meses
Puntos: 380
Buen día seoista

Creo que era algo así como text-transform: uppercase;

prueba a ver si le gusta
  #3 (permalink)  
Antiguo 04/09/2004, 06:16
Avatar de seoista  
Fecha de Ingreso: septiembre-2003
Ubicación: Pues leyéndote
Mensajes: 1.076
Antigüedad: 14 años, 3 meses
Puntos: 57
Gracias tunait por responder.

Perdona que halla tardado en contestar, pero es que estaba probando.

Mira, si lo pongo así:
Código:
<style type="text/css">
<!--
a:link {color: #0000FF; text-decoration: none; font-size: 13px; font-family: verdana;}
a:visited {color: #0000FF; text-decoration: none; font-size: 13px; font-family: verdana;}
a:hover {color: #FF0000; text-decoration: none; font-size: 13px; font-family: verdana; text-transform: uppercase;}
a:active {color: #0000FF; text-decoration: none; font-size: 13px; font-family: verdana;}
-->
</style>
funciona estupendamente.

Pero si lo pongo así (CSS):
Código:
<link rel="StyleSheet" href="links.css" type="text/css">
este es el CSS:
Código:
<!--
a:link {color: #00008B; text-decoration: none; font-size: 10px;}
a:visited {color: #00008B; text-decoration: none; font-size: 10px;}
a:hover {color: #FF0000; text-decoration: none; font-size: 10px; text-transform: uppercase;}
a:active {color: #008000; text-decoration: none; font-size: 10px;}
-->
No hace caso, ¿Why? (¿Por qué?)
__________________
· Lo poco que sé, lo he aprendido de AQUÍ ·
· No contesto por M.P. ·
  #4 (permalink)  
Antiguo 04/09/2004, 06:21
Avatar de seoista  
Fecha de Ingreso: septiembre-2003
Ubicación: Pues leyéndote
Mensajes: 1.076
Antigüedad: 14 años, 3 meses
Puntos: 57
Perdona mi mensaje anterior, ¡¡¡ ahora si vá !!!.

No se que le pasaba antes, pero lo probe varias veces y no cambiaba.

A tenido que intervenir Karlankas (el E.T. de los Foros)

Gracias por todo, amiga tunait, me resolvistes otra.

Saludos y
__________________
· Lo poco que sé, lo he aprendido de AQUÍ ·
· No contesto por M.P. ·
  #5 (permalink)  
Antiguo 04/09/2004, 06:32
Avatar de seoista  
Fecha de Ingreso: septiembre-2003
Ubicación: Pues leyéndote
Mensajes: 1.076
Antigüedad: 14 años, 3 meses
Puntos: 57
No sé que está pasando, pero con mi eufória, he vuelto a probarlo con el CSS y volver a ver el efecto, y sigue sin funcionar. Lo he hecho varias veces (muchas) y ni caso.

¿Tengo puesto algo mal que no veo?

Este es el CSS:
Código:
<!--
a:link {color: #0000FF; text-decoration: none; font-size: 13px; font-family: verdana;}
a:visited {color: #0000FF; text-decoration: none; font-size: 13px; font-family: verdana;}
a:hover {color: #FF0000; text-decoration: none; font-size: 13px; font-family: verdana; text-transform: uppercase;}
a:active {color: #0000FF; text-decoration: none; font-size: 13px; font-family: verdana;}
-->
¿Habrá intervenido otra vez Karlankas (E.T.)?
__________________
· Lo poco que sé, lo he aprendido de AQUÍ ·
· No contesto por M.P. ·

Última edición por seoista; 04/09/2004 a las 06:34
  #6 (permalink)  
Antiguo 04/09/2004, 06:53
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 16 años, 3 meses
Puntos: 380
Anda, pues no me ha parecido ver por aquí al abducido

Bueno, quítale los <!-- y --> (espero que salga) de tu archivo .css
  #7 (permalink)  
Antiguo 04/09/2004, 07:36
Avatar de seoista  
Fecha de Ingreso: septiembre-2003
Ubicación: Pues leyéndote
Mensajes: 1.076
Antigüedad: 14 años, 3 meses
Puntos: 57
Le he quitado los <!--, --> y sigue igual, sin funcionar.

A ver si es por esto:
Código:
a:link {color: #00008B; text-decoration: none; font-size: 10px;}
a:visited {color: #00008B; text-decoration: none; font-size: 10px;}
a:hover {color: #FF0000; text-decoration: none; font-size: 10px; text-transform: uppercase;}
a:active {color: #008000; text-decoration: none; font-size: 10px;}

a:link.estilo {color: #00008B; text-decoration: none; font-size: 13px; font-family: verdana;}
a:visited.estilo {color: #00008B; text-decoration: none; font-size: 13px; font-family: verdana;}
a:hover.estilo {color: #FF0000; text-decoration: none; font-size: 13px; font-family: verdana; text-transform: uppercase;}
a:active.estilo {color: #00008B; text-decoration: none; font-size: 13px; font-family: verdana,}

a:link.estilo1 {text-decoration: none; color: #00008B; font-size: 10px; font-family: verdana;}
a:visited.estilo1 {text-decoration: none; color: #00008B; font-size: 10px; font-family: verdana;}
a:hover.estilo1 {text-decoration: none; color: #FF0000; font-size: 10px; font-family: verdana;}
a:active.estilo1 {text-decoration: none; color: #00008B; font-size: 10px; font-family: verdana;}

a:link.estilo2 {text-decoration: underline; color: #8B0000; font-family: verdana;}
a:visited.estilo2 {text-decoration: none; color: #8B0000; font-family: verdana;}
a:hover.estilo2 {text-decoration: none; color: #FF0000; font-weight: ; font-family: verdana;}
a:active.estilo2 {text-decoration: none; color:#8B0000; font-family: verdana;}

a:link.estilo3 {text-decoration: underline; color: #00008B; font-family: verdana; font-size: 10px;}
a:visited.estilo3 {text-decoration: underline; color: #00008B; font-family: verdana; font-size: 10px;}
a:hover.estilo3 {text-decoration: none; color: #FF0000; font-weight: ; font-family: verdana; font-size: 10px;}
a:active.estilo3 {text-decoration: none; color:#00008B; font-family: verdana; font-size: 10px,}

a:link.estilo4 {color: #00008B; text-decoration: none; font-size: 13px; font-family: verdana;}
a:visited.estilo4 {color: #00008B; text-decoration: none; font-size: 13px; font-family: verdana;}
a:hover.estilo4 {color: #FF0000; text-decoration: none; font-size: 13px; font-family: verdana;}
a:active.estilo4 {color: #00008B; text-decoration: none; font-size: 13px; font-family: verdana,}
Cómo verás, tengo en el CSS metido varios estilos de link y el que quiero usar es el señalado en rojo y negrilla, pero NO vá.

¿Tiene esto algo que ver?. Estoy ya =

Perdona que te moleste tanto.

Gracias tunait.
__________________
· Lo poco que sé, lo he aprendido de AQUÍ ·
· No contesto por M.P. ·
  #8 (permalink)  
Antiguo 04/09/2004, 09:14
Avatar de KnowDemon  
Fecha de Ingreso: julio-2004
Ubicación: Ciudad de México
Mensajes: 544
Antigüedad: 13 años, 5 meses
Puntos: 2
Hola...

¿Que no es algo como a.clase:hover en vez de a:hover.clase etc...?
__________________
Mi pequeño espacio en la web: VisiónE
"El cosmos es todo lo que es, todo lo que fue, y todo lo que será alguna vez."
  #9 (permalink)  
Antiguo 04/09/2004, 11:51
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
Hola seoista.

He probado el código que has puesto y creo que funciona bien. Al poner el cursor encima del enlace se cambia a mayúsculas y color rojo ¿Que es lo que no te funciona?

Saludos,
  #10 (permalink)  
Antiguo 04/09/2004, 14:00
Avatar de seoista  
Fecha de Ingreso: septiembre-2003
Ubicación: Pues leyéndote
Mensajes: 1.076
Antigüedad: 14 años, 3 meses
Puntos: 57
Hola JavierB.

Cita:
Originalmente escrito por JavierB
He probado el código que has puesto y creo que funciona bien. Al poner el cursor encima del enlace se cambia a mayúsculas y color rojo ¿Que es lo que no te funciona?
Pues SI cambia al rojo, pero NO cambia a MAYUSCULAS .

Te diré que si pongo un CSS sólo y unicamente el código que está en rojo
Código:
a:link.estilo {color: #00008B; text-decoration: none; font-size: 13px; font-family: verdana;}
a:visited.estilo {color: #00008B; text-decoration: none; font-size: 13px; font-family: verdana;}
a:hover.estilo {color: #FF0000; text-decoration: none; font-size: 13px; font-family: verdana; text-transform: uppercase;}
a:active.estilo {color: #00008B; text-decoration: none; font-size: 13px; font-family: verdana,} 
SI FUNCIONA BIEN, pero unido con el resto (cómo lo he puesto más arriba) es cuando no funciona.

Gracias por tu interés

Saludos
__________________
· Lo poco que sé, lo he aprendido de AQUÍ ·
· No contesto por M.P. ·

Última edición por seoista; 04/09/2004 a las 16:09
  #11 (permalink)  
Antiguo 05/09/2004, 05:37
Avatar de seoista  
Fecha de Ingreso: septiembre-2003
Ubicación: Pues leyéndote
Mensajes: 1.076
Antigüedad: 14 años, 3 meses
Puntos: 57
No sé que "leches" () le pasa a esto, estoy medio .

Hoy he entrado y funciona correctamente, y sin haber tocado nada de nada, con todos los estilos links que tengo en el CSS.

Encima de que estoy sorprendido (), te estoy dando la lata a tí, que es lo que más siento.

Esperemos que continue funcionando...

Bueno, me callo ya y seguiré preguntando lo que no sepa (¡¡¡ que es mucho !!!).

Perdona por la lata que te he dado y gracias por todo.

Saludos y hasta otra.
__________________
· Lo poco que sé, lo he aprendido de AQUÍ ·
· No contesto por M.P. ·
  #12 (permalink)  
Antiguo 05/09/2004, 11:00
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
Hola de nuevo.

No te preocupes por dar la lata. A veces se aprende mucho tratando de solucionar los problemas de los demás (aunque no siempre se consigue)

Saludos,
  #13 (permalink)  
Antiguo 29/10/2004, 04:02
Avatar de seoista  
Fecha de Ingreso: septiembre-2003
Ubicación: Pues leyéndote
Mensajes: 1.076
Antigüedad: 14 años, 3 meses
Puntos: 57
Hola otra vez tunait y JavierB

Aquí estoy molestando cómo siempre.

Ya me habeis puesto, en este mismo post, cómo se cambia un "link" de minúscula a MAYÚSCULA (text-transform: uppercase;), pero ... ¿cómo se hace al contrario: de MAYÚSCULA a minúscula (text-transform: ??????;)?

Saludos
__________________
· Lo poco que sé, lo he aprendido de AQUÍ ·
· No contesto por M.P. ·

Última edición por seoista; 29/10/2004 a las 04:03
  #14 (permalink)  
Antiguo 29/10/2004, 04:04
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 16 años, 3 meses
Puntos: 380
Buenos días Seoista

pues se lo pedirías así

text-transform: lowercase;
  #15 (permalink)  
Antiguo 29/10/2004, 04:07
Avatar de seoista  
Fecha de Ingreso: septiembre-2003
Ubicación: Pues leyéndote
Mensajes: 1.076
Antigüedad: 14 años, 3 meses
Puntos: 57
Muchas gracias tunait

¡¡¡ ESTO ES VELOCIDAD !!!

Abrazos
__________________
· Lo poco que sé, lo he aprendido de AQUÍ ·
· No contesto por M.P. ·
  #16 (permalink)  
Antiguo 31/10/2004, 19:26
n2h
 
Fecha de Ingreso: octubre-2004
Mensajes: 163
Antigüedad: 13 años, 1 mes
Puntos: 0
Bueno.. no se que es lo que habra pasado, a mi me funciono bien el codigo.. pero de todas formas, te lo digo como navegante:

DETESTO LOS LINKS QUE DESACOPLAN TODO CUANDO UNO PONE EL CURSOR ENCIMA!

fiuu... es que lo odio... creo que un site debe ser estatico en su contenido, y cuando pones una cosa que desplace todo lo que sigue (porq las uppercase son mas anchas q las lowercase), se mueve tooooodoo el texto a la derecha (ni hablar si es una botonera en una columna...)

En fin, sugerencia de navegante ;)
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 10:33.