Foros del Web » Creando para Internet » CSS »

link a div vacio

Estas en el tema de link a div vacio en el foro de CSS en Foros del Web. hola amigos, tengo una consulta a ver si alguien puede ayudarme. Tengo en mi sitio un header. Ese header está compuesto por un png transparente ...
  #1 (permalink)  
Antiguo 04/05/2010, 09:34
 
Fecha de Ingreso: febrero-2010
Mensajes: 15
Antigüedad: 7 años, 10 meses
Puntos: 0
link a div vacio

hola amigos,
tengo una consulta a ver si alguien puede ayudarme.

Tengo en mi sitio un header. Ese header está compuesto por un png transparente como imagen de fondo.
Dentro del div tengo el menú del sitio. El código que utilizo en el html es este

<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>

Lo que necesito es que al pinchar en el cabezal, me linkee a una página. Pero no sé como colocarle el link al div vacío.
se entiende?
alguien puede ayudarme?
graciasss
  #2 (permalink)  
Antiguo 05/05/2010, 02:41
Avatar de ipraetoriux  
Fecha de Ingreso: abril-2010
Ubicación: ipraetoriux.com
Mensajes: 1.125
Antigüedad: 7 años, 7 meses
Puntos: 154
Respuesta: link a div vacio

Bien...haber...lo que entendi es que necesitas hace click en la capa "cabezal" ?

Si es asii lo que yo haria es sacarle el class="imagen1", y utilizar esa clase dentro de una imagen dentro de la capa "cabezal". Luego a esta imagen la encerrar con etiquetas <a></a>

Espero haberte ayudado
  #3 (permalink)  
Antiguo 06/05/2010, 01:33
Avatar de anfergon  
Fecha de Ingreso: junio-2009
Mensajes: 42
Antigüedad: 8 años, 5 meses
Puntos: 0
Respuesta: link a div vacio

Hola: No puedes likear un div. Lo que deberías hacer es colocar una imagen transparente, sin importar el tamaño (hasta de 1px por 1px), colocarle un link y en el css agregar:

#cabezal img {
display: block;
}

Y con eso, puedes pinchar en cualquier parte del div que te llevará a donde quieras.
Saludos
  #4 (permalink)  
Antiguo 06/05/2010, 01:35
Avatar de anfergon  
Fecha de Ingreso: junio-2009
Mensajes: 42
Antigüedad: 8 años, 5 meses
Puntos: 0
Respuesta: link a div vacio

Lo olvidaba: puedes hacer lo mismo con cualquier elemento, incluyendo textos, otro div, etc.

Etiquetas: link, vacio
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:44.