Foros del Web - Problema con link en DIV

Foros del Web (http://www.forosdelweb.com/)

- CSS (http://www.forosdelweb.com/f53/)

- - Problema con link en DIV (http://www.forosdelweb.com/f53/problema-con-link-div-660509/)

NaRanJiTo78

09/01/2009 05:25

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

Aresillo

09/01/2009 05:33

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

Mikmoro

09/01/2009 06:09

Respuesta: Problema con link en DIV

Efectivamente: cerrar los enlaces, poner dentro de ellos algo visible y cerrar el contenedor.

NaRanJiTo78

09/01/2009 12:50

Respuesta: Problema con link en DIV

Buenas!

Lo he cerrado, pero sigue sin funcionar:

Cita:

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%;
}

poison_mayer

09/01/2009 13:16

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>

poison_mayer

09/01/2009 13:18

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%;
}

Mikmoro

09/01/2009 16:05

Respuesta: Problema con link en DIV

Cita:

Iniciado por NaRanJiTo78 (Mensaje 2736299)

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

NaRanJiTo78

12/01/2009 10:27

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

Mikmoro

12/01/2009 16:51

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.

NaRanJiTo78

13/01/2009 10:45

Respuesta: Problema con link en DIV

Gracias por la aclaracion!!

La zona horaria es GMT -6. Ahora son las 12:09.