Problema con link en DIV

[NaRanJiTo78]

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]

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]

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

[NaRanJiTo78]

Buenas!

Lo he cerrado, pero sigue sin funcionar:

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

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

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]

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]

Iniciado por NaRanJiTo78

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

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

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]

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

Gracias por la aclaracion!!