Css, Recursos, Web 2.0

Div clicable

0 382

Imaginemos la siguiente situacion. Tenemos una imagen de fondo declarada en nuestra css y queremos que una parte de esa imagen sea clicable.

Tras tener toda la estructura grafica preparada nos damos cuenta de que necesitamos que el logotipo sea un link a la pagina de inicio. ?Como se nos ha podido pasar algo tan logico? Reproches, estirones de orejas y rabietas aparte podemos solucionarlo con una simple div, una declaracion de link y su posterior posicionamiento y tamaño en nuestra css. El codigo de la div contenedora del link podria ser algo asi:

Y este seria el codigo en nuestra css;

.nombre { margin:0x; padding:0; width:125px; height:125px; }
.nombre a { display: block; height: 100%; width: 100%; }

Por supuesto los valores de tamaño y posicion los variaremos para que encaje perfectamente en la parte que queremos sea clicable.

Compartir:

Posts relacionados

Deja una contestación

Tu email no será publicado. Los campos obligatorios están marcados *

4 × cuatro =

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Publicidad

Publicidad

Comentarios recientes

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

ACEPTAR
Aviso de cookies