Hipervinculo/enclace en capa div que tiene Background CSS




Estaba haciendo un header en html con <div> y CSS ,  al poner la imagen del logo en background ya no podia asignarle un hipervinculo al index (u otro sitio), porque no es un texto o una imagen para poder ponerselo.


Para poder hacerlo tan solo hay que poner lo siguiente:


Asignandole al hipervinculo el style=”display: block; height: 100%;” haremos que el bloque se haga enlace tambien y a 100% de altura, llenando asi todo el div ( creo que si se pone el  style=”width:100%; height: 100%;” deberia hacer lo mismo 😉 )


Este es el CSS por si quieren mirarlo mejor:


Descarga Source de Ejemplo: Ejemplo de Hipervinculo en un Div que tiene Background - ( 976 descargas )

Terminos de Busqueda:

  • hipervinculo en div
  • vinculo en el div en el css
  • hacer link a un div
  • hacer un link a un div
  • hipervinculo cuadro css
  • hipervinculo div
  • hipervinculo en background
  • hipervínculos capas css
  • hipervinculos en css 3 como hacer?
  • div como hipervinculo
  • como poner href en un div pa
  • como poner enlaces con capas html
  • agregar link a una capa
  • aplicar vinculo a un div
  • como crear un vinculo en header css
  • como hacer enlaces entre capas en html
  • como hacer un hipervinculo en css
  • como hacer un hipervinculo en un div
  • como linkear fondo de html con css
  • como mostrar hipervinculos en una div

8 comentarios en “Hipervinculo/enclace en capa div que tiene Background CSS

  1. Holaaaa.!!! A mi me gustaria saber si lo mismo puedo hacer con una imagen flash por que no vale.. ayudenme por favor es urgente……
  2. @ Tania Si lo haces con flash tendrias que poner el hipervinculo en la imagen flash … esto es para ponerle un hipervinculo a un DIV que tiene una imagen en background.
  3. Como estas? muchas gracias estoy intentando hacerlo pero no tengo éxito, no se en que archivo ubicar las lineas CSS (no se mucho de esto) en el html me quedo así, no se si estará mal {%WebsiteName%} {%WebsiteSlogan%}
  4. Marcos Leguizamon : Firefox 4.0.1 Windows 7 x64 Edition Como estas? muchas gracias estoy intentando hacerlo pero no tengo éxito, no se en que archivo ubicar las lineas CSS (no se mucho de esto) en el html me quedo así, no se si estará mal {%WebsiteName%} {%WebsiteSlogan%} Quedaria asi el codigo fuente: —————————————————— EDITO: No puedo poner html en comentario , asi que edito el post y te pongo un enlace para que descargues un ejemplo .. ————————————— en “images/mi_fondo.png” pones la url de tu imagen de fondo (background) y ya deberia funcionarte bien. Un saludo
  5. victor muchas gracias por la rapida respuesta, te pido disculpas por el html en el comentario lo ignoraba. intente acceder al ejemplo que me has dejado pero me dice que temporalmente esta inhabilitado (quizas tenga que ver el hecho de que soy de Argentina?) De todas maneras sigo intentando ver si puedo dar con el clavo! Muchas gracias de nuevo por la rapida respuesta, muy amable!! Muchas saludos!
  6. Quería decirte que ahora si pude descargar el ejemplo y lo pude aplicar gracias a lo que me pude descargar. No es que no estuvieras claro, es que realmente hace 20 días yo no sabía NADA de nada de esto de html y ahora esoty haciendo esto a pulmon Te agradezco muchisimo de verdad, porque el unico link que encontre para buscar la forma de insertar el hipervinculo en el header CSS era este, y fue el que me dió la solución!! Un gran abrazo amigo! 😀
  7. Marcos Leguizamon : Firefox 4.0.1 Windows 7 x64 Edition Quería decirte que ahora si pude descargar el ejemplo y lo pude aplicar gracias a lo que me pude descargar. No es que no estuvieras claro, es que realmente hace 20 días yo no sabía NADA de nada de esto de html y ahora esoty haciendo esto a pulmon Te agradezco muchisimo de verdad, porque el unico link que encontre para buscar la forma de insertar el hipervinculo en el header CSS era este, y fue el que me dió la solución!! Un gran abrazo amigo! Me alegra que te sirva lo que publique, nunca es tarde para aprender nuevas cosas 😉 Si tienes alguna otra duda puedes decirlo y con gusto te ayudare ne lo que pueda. Gracias por visitar el blog

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *