Solución para div flotante que descoloca imágenes

xho · 17 Mar 2013

Hola a todos,

Lo que quiero hacer es que aparezca un nuevo div flotante al pasar el cursor del ratón por encima de las imagenes, está todo bien pero se descruadran las imagenes de debajo, aquí les dejo una captura para que puedan entenderme un poco mejor.

El css lleva position: relative; (Por si os sirve de ayuda).

Le estaré eternamente agradecido a la persona que me de alguna sugerencia de como arreglar este problema.

Ignacio Sanchez · 17 Mar 2013

Hola, podrías dejar la url de la página.
Un Saludo

xho · 17 Mar 2013

Hola kaffa22,

Aquí la dejo: www.peliculasbu.com

Saludos!

ecoal95 · 17 Mar 2013

Elimina tu código CSS relacionado con .post-info y añade:

Insertar CODE, HTML o PHP:

.post-info {
    width: 340px;
    left: 140px;
    top: 0;
    overflow: auto;
    text-align: left;
    display: none;
    z-index: 7;
    padding: 5px;
    background-color: #f6f6f6;
    color: #333;
    border: 1.5px dotted #000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: absolute;
}

.post {
    position: relative;
}

El posicionamiento con CSS no es tan complicado si se entiende, deberías de pasar por https://developer.mozilla.org/en-US/docs/CSS/position

xho · 17 Mar 2013

Muchisimas gracias tio, enserio, te he dejado un MP.

Saludos!

Solución para div flotante que descoloca imágenes

xho

Ignacio Sanchez

xho

ecoal95

xho

Temas similares