Enlace en div vacío
5 seguidores
hola!
cómo están?
pregunta, alguien sabe si se le puede poner un link a un div vacío?
Les cuento lo que me sucede,
tengo un header que tiene una imagen de fondo y necesito que ese header pueda tener la opción de que al clickearlo te linkee a otra página.
pero no sé como ponerle un link al div vacío.
alguien tiene alguna idea?
gracias!
saludos,
markshock
Secundo la opción de Serka +1
serka
Tal y como lo tienes tendrías que hacerlo con javascript, pero tendrías problemas porque el div contiene otros enlaces.
como yo lo haría:
<div id="cabezal" class="imagen1">
<h1> <a href="xxx"><span>Titulo</span></a></h1>
<ul id="menu">
<li><a class="active">Inicio</a></li>
<li><a href="equipo.html">Equipo</a></li>
<li><a href="web.html">Web</a></li>
<li><a href="impresos.html">Impresos</a></li>
<li><a href="imagen.html">Imagen</a></li>
<li><a href="otros.html">Otros</a></li>
<li><a href="contacto.html">Contacto</a></li>
</ul>
</div>
los estilos quedarían:
h1 a span {display:hidden}
h1 a {
display:block;
}
no se si me he explicado muy bien.
Usuario desconocido
Ese código no está bien estructurado, Lo ideal es que modularices:
<div id="header">
<div id="logo"><h1><a title="#" href="#"></a></h1></div>
<div id="menu">
<ul>
<li><a class="active">Inicio</a></li>
<li><a href="equipo.html">Equipo</a></li>
<li><a href="web.html">Web</a></li>
<li><a href="impresos.html">Impresos</a></li>
<li><a href="imagen.html">Imagen</a></li>
<li><a href="otros.html">Otros</a></li>
<li><a href="contacto.html">Contacto</a></li>
</ul>
</div>
</div>
Entiendo que lo que quieres es que una zona de la cabecera sea enlazable, como se suele hacer con las webs donde aparece el logo.
lucia_5
No entendí como hacerlo,
miren este es mi código
<div id="cabezal" class="imagen1">
<ul id="menu">
<li><a class="active">Inicio</a></li>
<li><a href="equipo.html">Equipo</a></li>
<li><a href="web.html">Web</a></li>
<li><a href="impresos.html">Impresos</a></li>
<li><a href="imagen.html">Imagen</a></li>
<li><a href="otros.html">Otros</a></li>
<li><a href="contacto.html">Contacto</a></li>
</ul>
</div>
Es un header que está formado con una imagen de fondo, un png transparente y en el mismo div está el menú.
Lo que necesito es que al hacer click en el header me diriga a otra parte.
se entiende?
serka
the_wound
the_wound
Por qué no haces que el enlace tenga el tamaño del div y como fondo del enlace la imagen en cuestión, es más te puedes incluso ahorrar el div para tener más claro el código.
cucumelo
Hola:
Puedes utilizar un PNG transparente dentro del div.