Foros del web, para los que viven de bits

NaRanJiTo78 · 09-ene-2009, 04:25

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-ene-2009, 04:33

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-ene-2009, 05:09

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

NaRanJiTo78 · 09-ene-2009, 11:50

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-ene-2009, 12:16

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-ene-2009, 12:18

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-ene-2009, 15:05

Cita:

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

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-ene-2009, 09:27

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-ene-2009, 15:51

"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-ene-2009, 09:45

Gracias por la aclaracion!!

09-ene-2009, 04:25	#1 (permalink)
NaRanJiTo78 Fecha de Ingreso: noviembre-2007 Ubicación: In the BeaCh Mensajes: 453	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

09-ene-2009, 04:33	#2 (permalink)
Aresillo Colaborador Fecha de Ingreso: marzo-2008 Ubicación: Becerril de la Sierra Mensajes: 932	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

09-ene-2009, 05:09	#3 (permalink)
Mikmoro Colaborador Fecha de Ingreso: octubre-2006 Ubicación: K-pax Mensajes: 6.794	Respuesta: Problema con link en DIV Efectivamente: cerrar los enlaces, poner dentro de ellos algo visible y cerrar el contenedor. __________________ Sabes que te estás haciendo mayor cuando empiezas a comprender que el abuelo sabe mucho. Mikel.

09-ene-2009, 11:50	#4 (permalink)
NaRanJiTo78 Fecha de Ingreso: noviembre-2007 Ubicación: In the BeaCh Mensajes: 453	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%; }

09-ene-2009, 12:16	#5 (permalink)
poison_mayer Fecha de Ingreso: julio-2008 Mensajes: 68	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

09-ene-2009, 12:18	#6 (permalink)
poison_mayer Fecha de Ingreso: julio-2008 Mensajes: 68	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

09-ene-2009, 15:05	#7 (permalink)
Mikmoro Colaborador Fecha de Ingreso: octubre-2006 Ubicación: K-pax Mensajes: 6.794	Respuesta: Problema con link en DIV Cita: 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í: 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; } __________________ Sabes que te estás haciendo mayor cuando empiezas a comprender que el abuelo sabe mucho. Mikel.

12-ene-2009, 09:27	#8 (permalink)
NaRanJiTo78 Fecha de Ingreso: noviembre-2007 Ubicación: In the BeaCh Mensajes: 453	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!!

12-ene-2009, 15:51	#9 (permalink)
Mikmoro Colaborador Fecha de Ingreso: octubre-2006 Ubicación: K-pax Mensajes: 6.794	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. __________________ Sabes que te estás haciendo mayor cuando empiezas a comprender que el abuelo sabe mucho. Mikel.

13-ene-2009, 09:45	#10 (permalink)
NaRanJiTo78 Fecha de Ingreso: noviembre-2007 Ubicación: In the BeaCh Mensajes: 453	Respuesta: Problema con link en DIV Gracias por la aclaracion!!

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Modo lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado