Foros del Web » Creando para Internet » CSS »

Problema con link en DIV

Estas en el tema de Problema con link en DIV en el foro de CSS en Foros del Web. Hola! Tengo un div contenedor que contiene otros 3. El problema, que a la hora de asignarle un link web a cada uno de éstos ...
  #1 (permalink)  
Antiguo 09/01/2009, 05:25
Avatar de NaRanJiTo78  
Fecha de Ingreso: noviembre-2007
Ubicación: In the BeaCh
Mensajes: 874
Antigüedad: 10 años, 1 mes
Puntos: 10
Exclamación Problema con link en DIV

Hola!

Tengo un div contenedor que contiene otros 3.

El problema, que a la hora de asignarle un link web a cada uno de éstos 3, no me funcionan.

Éste es el código que tengo:

Código HTML:
 <div id="apDiv22">
   <div id="apDiv2"><a href="http://www.ejemplo.es"></div>
    <div id="apDiv20"><a href="http://www.ejemplo2.es"></div>
     <div id="apDiv19"><a href="http://www.ejemplo4.es"></div> 
Alguien me puede ayudar?

Muchas gracias
  #2 (permalink)  
Antiguo 09/01/2009, 05:33
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 9 años, 8 meses
Puntos: 53
Respuesta: Problema con link en DIV

que yo vea te falta cerrar los links
<a href="enlace">link</a>

Y cerrar el div contenedor
Aunque sería mejor que nos dieras todo el código..

Aresillo!!
__________________
Las dudas son el alimento de la inteligencia. A. Einstein
Everything we are is the end result of our thoughts. Sidhartta Gautama
  #3 (permalink)  
Antiguo 09/01/2009, 06:09
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Problema con link en DIV

Efectivamente: cerrar los enlaces, poner dentro de ellos algo visible y cerrar el contenedor.
__________________
Visita mi nueva web idplus.org
  #4 (permalink)  
Antiguo 09/01/2009, 12:50
Avatar de NaRanJiTo78  
Fecha de Ingreso: noviembre-2007
Ubicación: In the BeaCh
Mensajes: 874
Antigüedad: 10 años, 1 mes
Puntos: 10
Exclamación Respuesta: Problema con link en DIV

Buenas!

Lo he cerrado, pero sigue sin funcionar:

Cita:
<div id="apDiv22">
<div id="apDiv2"><a href="http://www.ejemplo.es"></a></div>
<div id="apDiv20"><a href="http://www.ejemplo2.es"></a></div>
<div id="apDiv19"><a href="http://www.ejemplo4.es"></a></div>
El tema que no es una imagen insertada, sino un link de una imagen de background.

CSS de uno de ellos(son iguales):

Cita:
#apDiv20 {
position:absolute;
width:33px;
height:38px;
z-index:1;
top: 97px;
text-align: center;
background-image: url(icono_llaves3.png);
background-repeat: no-repeat;
background-position: top center;
margin-right: 1%;
right: 0px;
margin-right: 1%;
}
  #5 (permalink)  
Antiguo 09/01/2009, 13:16
Avatar de poison_mayer  
Fecha de Ingreso: julio-2008
Mensajes: 69
Antigüedad: 9 años, 4 meses
Puntos: 2
Respuesta: Problema con link en DIV

Lo que necesitas es hacer algo como esto
<div id="apDiv22">
<a href="http://www.ejemplo.es"><div id="apDiv2"></div></a>
<a href="http://www.ejemplo2.es"><div id="apDiv20"></div></a>
<a href="http://www.ejemplo4.es"><div id="apDiv19"></div></a>
</div>
__________________
longtemps je me suis couché de bonne heure
  #6 (permalink)  
Antiguo 09/01/2009, 13:18
Avatar de poison_mayer  
Fecha de Ingreso: julio-2008
Mensajes: 69
Antigüedad: 9 años, 4 meses
Puntos: 2
Respuesta: Problema con link en DIV

Aunque personalmete yo hiciera esto
<div id="apDiv22">
<div id="apDiv2"><a href="http://www.ejemplo.es"></a></div>
<div id="apDiv20"><a href="http://www.ejemplo2.es"><img src="biblia001.jpg" /></a></div>
<div id="apDiv19"><a href="http://www.ejemplo4.es"></a></div>
</div>

#apDiv20 img {
position:absolute;
width:33px;
height:38px;
z-index:1;
top: 97px;
text-align: center;
background-repeat: no-repeat;
background-position: top center;
margin-right: 1%;
right: 0px;
margin-right: 1%;
}
__________________
longtemps je me suis couché de bonne heure
  #7 (permalink)  
Antiguo 09/01/2009, 16:05
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Problema con link en DIV

Cita:
Iniciado por NaRanJiTo78 Ver Mensaje
Buenas! Lo he cerrado, pero sigue sin funcionar:
El tema que no es una imagen insertada, sino un link de una imagen de background.
CSS de uno de ellos(son iguales):
Veamos: con esto que pones, el div que contiene cada enlace mide 33px de ancho, 38 de alto, tiene un top de 97px, etc., pero... ¿cuánto mide el enlace de dentro? NADA, porque es un elelemento de línea y está vacío.

Prueba a poner esto así:
Cita:
#apDiv20 {
position:absolute;
width:33px;
height:38px;
z-index:1;
top: 97px;
text-align: center;
right: 0px;
margin-right: 1%;
}
#apDiv20 a {display: block;
width: 100%;
height: 100%;
background: url(icono_llaves3.png) no-repeat top center;
}
__________________
Visita mi nueva web idplus.org
  #8 (permalink)  
Antiguo 12/01/2009, 10:27
Avatar de NaRanJiTo78  
Fecha de Ingreso: noviembre-2007
Ubicación: In the BeaCh
Mensajes: 874
Antigüedad: 10 años, 1 mes
Puntos: 10
Respuesta: Problema con link en DIV

Muchisimas gracias!!!

Aunque lo que no entiendo es lo siguiente:

Si yo le doy un margin-right:1% y position absolute, que función hace "display:block"?

Gracias!!
  #9 (permalink)  
Antiguo 12/01/2009, 16:51
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Problema con link en DIV

"display:block" le hace funcionar como un elemento de bloque, y por tanto aceptar height y width para indicar su tamaño, algo que no ocurre en los elementos de línea.
__________________
Visita mi nueva web idplus.org
  #10 (permalink)  
Antiguo 13/01/2009, 10:45
Avatar de NaRanJiTo78  
Fecha de Ingreso: noviembre-2007
Ubicación: In the BeaCh
Mensajes: 874
Antigüedad: 10 años, 1 mes
Puntos: 10
Respuesta: Problema con link en DIV

Gracias por la aclaracion!!
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 23:13.