Foros del Web » Creando para Internet » HTML »

Hacer un link al pulsar sobre una division

Estas en el tema de Hacer un link al pulsar sobre una division en el foro de HTML en Foros del Web. hola! vereis, lo que quisiera es que al hacer click sobre cualquier punto del area1 me enlazase, preferiblemente sin javascript Código: <div class="area1"><div class="icon1"></div></div> .area1 ...
  #1 (permalink)  
Antiguo 01/04/2009, 18:37
 
Fecha de Ingreso: marzo-2009
Mensajes: 5
Antigüedad: 8 años, 8 meses
Puntos: 0
Hacer un link al pulsar sobre una division

hola! vereis, lo que quisiera es que al hacer click sobre cualquier punto del area1 me enlazase, preferiblemente sin javascript

Código:
<div class="area1"><div class="icon1"></div></div>

.area1 {position:absolute; width:256px; height:34px; z-index:5; left: 221px; top: 134px; background-image: url(../default/FL_Double_ItemBG_Clear.png);}

.icon1 {position:absolute; width:32px; height:32px; z-index:7; left: 1px; top: 1px; background-image: url(../default/FL_Double_Icon_Text.png);}

.area1:hover {background-image:url(../default/FL_Double_ItemBG_Select.png);}
pongo el codigo por si importa que tenga un hover y que tenga el icon1 dentro

la pregunta puede parecer tonta, y seguramente lo sea, pero no he encontrado por ningun sitio (tal vez no he buscado lo suficiente, pero no tengo mucho tiempo pa marearme buscando cosas que ni sikiera se si puedan hacerse) muchas gracias a todos de antemano
  #2 (permalink)  
Antiguo 02/04/2009, 13:36
Avatar de ElJavista
Colaborador
 
Fecha de Ingreso: marzo-2007
Ubicación: Lima Perú
Mensajes: 2.231
Antigüedad: 10 años, 9 meses
Puntos: 67
Respuesta: Hacer un link al pulsar sobre una division

Ya mira, si no quieres usar JavaScript solo sería cosa de que reemplases la etiquet <div por <a y que le des el estilo que lo haga semejante a un DIV, o sea: display: block; y obviamente sacarle el border o colocar otro border en caso que haga falta.
  #3 (permalink)  
Antiguo 02/04/2009, 18:55
 
Fecha de Ingreso: marzo-2009
Mensajes: 5
Antigüedad: 8 años, 8 meses
Puntos: 0
Respuesta: Hacer un link al pulsar sobre una division

muchas gracias amigo! border no tengo

me ha funcionado, pero el "display:block" no se para que sirvio o si no lo puse donde corresponde y ademas drimweaver me dice que la etiketa div no esta permitida dentro de a

este es el codigo ke tengo aora mismo:

Código:
<a class="area6" href="Video.html" style="display:block">
   <div class="estilo1">Pepito
   </div>
   <div class="ifolder">
   </div>
</a>
estoy haciendolo mal?
  #4 (permalink)  
Antiguo 02/04/2009, 19:20
 
Fecha de Ingreso: marzo-2009
Mensajes: 5
Antigüedad: 8 años, 8 meses
Puntos: 0
Respuesta: Hacer un link al pulsar sobre una division

ya lo he solucionado, he creado una clase con el tamaño del area y del icono, ya que sus posiciones relativas me fastidiaban. ahora ya me enlaza sin problemas

ya me funciona con este codigo:

Código:
<div class="area6">
     <div class="ifolder">
             <a class="iconlink" href="Video.html">
             </a>
     </div>
            <a class="arealink" href="Video.html">
            </a>
     <div class="estilo1">NDS
     </div>
</div>
muchas gracias por la ayuda, gracias a ti ya lo he podido ver desde otro punto de vista para solucionarlo

repito, SOLUCIONADO y GRACIAS otra vez
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 02:07.