BlogdeInformatica.com

Crea links en CSS

Para poder utilizar links dentro de las hojas de estilo CSS se puede utilizar el onclick, que se utiliza en el div dentro de la pagina html, por ejemplo si necesitamos crear un link a un mail pero tenemos el sitio todo en una sola imagen (bastante usado en cartas de presentacion o muestras de trabajo) lo hacemos de la siguiente manera:

<div class=”email-contact”><a href=”mailto:mail@mail.com”><span STYLE=”visibility:hidden;” >mail@mail.com</span></a></div>

Como vemos tenemos la clase email-contact, esta la tomamos de la hoja de estilo que creamos antes en un archivo llamado Style.css

.email-contact {
position: absolute;
left: 345px;
top: 450px;
height: 21px;
width: 144px;
text-decoration:none;

Al ser posicion absoluta podemos moverla con el mouse dentro de Dreamweaver CS3 de acuerdo a nuestra necesidad, le ponemos propiedad oculto con hidden para que no se vea el texto y text decoration none para que no sea subrayado, en todo caso agregamos underline.

Espero que les sea de utilidad.

Compártelo