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

seoista · #1 (**permalink**) 04/09/2004, 04:08

Hola amig@s 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

tunait · #2 (**permalink**) 04/09/2004, 04:18

Buen día seoista

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

prueba a ver si le gusta

seoista · #3 (**permalink**) 04/09/2004, 05:16

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é?)

seoista · #4 (**permalink**) 04/09/2004, 05:21

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

seoista · #5 (**permalink**) 04/09/2004, 05:32

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.)?

tunait · #6 (**permalink**) 04/09/2004, 05:53

Anda, pues no me ha parecido ver por aquí al abducido

Bueno, quítale los  (espero que salga) de tu archivo .css

seoista · #7 (**permalink**) 04/09/2004, 06:36

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.

KnowDemon · #8 (**permalink**) 04/09/2004, 08:14

Hola...

¿Que no es algo como a.clase:hover en vez de a:hover.clase etc...?

JavierB · #9 (**permalink**) 04/09/2004, 10:51

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,

seoista · #10 (**permalink**) 04/09/2004, 13:00

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

seoista · #11 (**permalink**) 05/09/2004, 04:37

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.

JavierB · #12 (**permalink**) 05/09/2004, 10:00

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,

seoista · #13 (**permalink**) 29/10/2004, 03:02

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

tunait · #14 (**permalink**) 29/10/2004, 03:04

Buenos días Seoista

pues se lo pedirías así

text-transform: lowercase;

seoista · #15 (**permalink**) 29/10/2004, 03:07

Muchas gracias tunait

¡¡¡ ESTO ES VELOCIDAD !!!

Abrazos

n2h · #16 (**permalink**) 31/10/2004, 19:26

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 ;)