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:
<div class="nombre"> <a href="direccion"></a> </div>
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.