Ver Mensaje Individual
  #5 (permalink)  
Antiguo 27/06/2013, 01:30
Avatar de iEnrique
iEnrique
 
Fecha de Ingreso: abril-2013
Ubicación: España
Mensajes: 346
Antigüedad: 11 años, 6 meses
Puntos: 5
Respuesta: Como hacer que un div aparezca debajo de su correspondiente

Cita:
Iniciado por pzin Ver Mensaje
Lo suyo sería meter el div dentro del enlace, al enlace darle una posición relativa —o cualquier diferente a estática, aunque para el caso, relativa— y luego ya la posición absoluta será relativa a ese enlace y con un bottom: -20px o así se pondrán cada cual donde necesites. No veo la necesidad de usar JavaScript.

Simplificado quedaría algo así:

Código CSS:
Ver original
  1. a {
  2.   position: relative;
  3. }
  4.  
  5. a div {
  6.   position: absolute;
  7.   bottom: -20px;
  8.   display: none;
  9. }
  10.  
  11. a:hover div {
  12.   display: block;
  13. }

No sé donde he visto un diseño similar.
Pero a ver... lo que yo quiero hacer es luego más cosas con el cuadrado por eso uso Javascript pero por cierto muchas gracias por la ayuda; muchas gracias. Intentaré hacerlo como me has dicho.

Respecto al diseño *Tú no has visto naaaada, de naaada*... #Okno Si, es un poco copiado pero tan solo hemos coincido, copiar no he copiado nada jajaja...