Foros del Web » Creando para Internet » CSS »

Cajas que aparecen al clicar

Estas en el tema de Cajas que aparecen al clicar en el foro de CSS en Foros del Web. Hola gente, Acerca de esas cajitas que aparecen al clicar sobre otras, y que se mantienen no visibles hasta ese momento me ocurre lo siguiente. ...
  #1 (permalink)  
Antiguo 22/10/2009, 16:43
 
Fecha de Ingreso: agosto-2009
Mensajes: 70
Antigüedad: 8 años, 4 meses
Puntos: 0
Cajas que aparecen al clicar

Hola gente,


Acerca de esas cajitas que aparecen al clicar sobre otras, y que se mantienen no visibles hasta ese momento me ocurre lo siguiente. Bueno, primero los datos:

XHTML:

<div><a href="#" class="deploy">Blah<span>Blah blah blah</span></a>

<div>
<a href="#" class="deploy">Blah<span>Blah blah blah</span></a><br />
</div>
</div>

CSS:

.deploy {
width: 150px;
height: 40px;
background-image: url(../images/azul.jpg);
position: relative;
display: block;
z-index: 0;
text-decoration: none;
text-align:center;
padding: 10px;
color: #000;
cursor:hand;
margin-top:15px;
}

.deploy:hover {
z-index: 1;
color:#000000;
}

.deploy span {
padding: 10px;
position: absolute;
text-decoration: none;
background-color: #CCCCCC;
color: #3E1F00;
text-align:justify;
width: 545px;
visibility: hidden;
border: groove #000000;
}

.deploy:active span, .deploy:focus span {
visibility: visible;
top: -10px;
left: 200px;
}

Decía que me ocurre lo siguiente:

Cuando clico en cualquiera de ellas, no importa en qué posición de la página estén, me remiten a la parte superior del documento, es decir, como si pulsase un <a href="#header">Volver arriba</a> o algo así, no sé si me explico.

Por ejemplo, esas dos cajitas así solas, van estupendamente, pero cuando hay muchas más, o cuando coloco otro contenido entre ellas y las separo en vertical, al clicar sobre la inferior me sube a la superior... curioso.


Help?
  #2 (permalink)  
Antiguo 22/10/2009, 17:07
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: Cajas que aparecen al clicar

Eso se debe a la almohadilla del enlace, que le hace ir a la raiz de la página

<a href="#" class="deploy">Blah<span>Blah blah blah</span></a>

Pruébalo así:

<a href="#A" class="deploy">Blah<span>Blah blah blah</span></a>
__________________
Visita mi nueva web idplus.org
  #3 (permalink)  
Antiguo 22/10/2009, 17:18
 
Fecha de Ingreso: agosto-2009
Mensajes: 70
Antigüedad: 8 años, 4 meses
Puntos: 0
Respuesta: Cajas que aparecen al clicar

Efectiviwonder!!

MUCHÍSISIMAS GRACIAS.
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:47.