.  

 

 

.
.

23 / 03 / 2017

Usuarios conectados: 6

Cargando documento...

Buscar:

.

Este Sitio:

Principal

Dreamweaver

Fireworks

JavaScript

CSS

Sonido

Artículos

Links

E-ufemismos

Descargas

Historial

 

Mailing List:

Suscríbete a la lista de correo, No practico spamming y ofrece algunas ventajas.

Pulsa aquí para saber más y suscribirte.

 

Recomendados:

Tecnorama >CSS

 

Introduccion a CSS (4): Quitame esas rayas

Versión para imprimir | Translate this page

No, esto no tiene nada que ver con las drogas. Sencllamente, para mostrarte cómo funcionan las pseudo-clases, vamos a explicar cómo quitar esos subrayados de los enlaces (que sigo sin entender por qué odiáis tanto).

En un ejemplo anterior definimos una clase personalizada: .enlace, que decía así:


.enlaces { FONT-SIZE: 11px; COLOR: #003399; FONT-FAMILY: Arial; TEXT-DECORATION: none }

y que alicaríamos a los enlaces de la siguiente manera:


<A class="enlaces" HREF="pagina_de_destino.htm">texto</A>

En la definición del estilo, veréis que utilizamos la siguiente declaración:


TEXT-DECORATION: none

Esto quitó el subrayado de los enlaces. La norma a:hover usa la pseudo-clase "hover" para cambiar la apariencia de nuestro enlace cuando el ratón lo "sobrevuela".,Si utilizamos la declaración:

TEXT-DECORATION: underline

No cambiaría el color ni haría nada más, simplemente conseguir que aparezca el subrayado al poner el ratón en encima.

Hay varias pseudo-clases en la especificación CSS1, pero las más conocidas son las relacionadas con la etiqueta <A> y que son las que se utilizan para los efectos generales de los enlaces:

a:link { color: red } /* un enlace no visitado*/
A:visited { color: blue } /* enlace visitado */
A:hover { color: black } /* raton encima */
A:active { color: lime } /* enlace activo */


la pseudo-clase A.hover (ratón encima del enlace) fue añadida en la especificación CSS2 (y por ello Netscape 4.x no la soporta). Tened cuidado al utilizar la característica de no subrayar los enlaces y no abusad de ella, ya que la gente sigue esperando encontrar sus enlaces con subrayado. Podría suceder que ni siquiera adivinara que es un enlace.

¿Comentarios? 85, de momento. Mostrando 1 ->5

1.- You're the grstaeet! JMHO

2.- Free info like this is an apple from the tree of kndoeewgl. Sinful?

3.- Reading posts like this make surfing such a plaseure

4.- Callnig all cars, calling all cars, we're ready to make a deal. http://ydhhiu.com [url=http://rhuezy.com]rhuezy[/url] [link=http://pidxvjem.com]pidxvjem[/link]

5.- That's way the beetsst answer so far! http://hvuajraolgh.com [url=http://getxqyhka.com]getxqyhka[/url] [link=http://lekncd.com]lekncd[/link]

« Previous | 1 - 5 | 6 - 10 | 11 - 15 | 16 - 20 | 21 - 25 | 26 - 30 | 31 - 35 | 36 - 40 | 41 - 45 | 46 - 50 | Next »

Añade tu comentario



Escribe el código de la imagen superior:

:

TECNORAMA es simplemente una página personal. No sirve ni de promoción del autor ni cosas por el estilo.
Todos los códigos, textos y tutoriales son de libre uso mientras se mencione al autor (no es mucho pedir)
Este sitio es compatible con IE6/NS6/Mozilla1.0
Para contactar, puedes enviarme un e-mail a tecnorama@hotmail.com