Ver Mensaje Individual
  #1 (permalink)  
Antiguo 14/01/2012, 10:40
Avatar de fedefrankk
fedefrankk
 
Fecha de Ingreso: agosto-2007
Mensajes: 871
Antigüedad: 17 años, 3 meses
Puntos: 7
Pregunta Se superpone imagen en css

Hola a todos, quiero hacer una galeria de imagenes, con php y css, cargo la imagen y la muestro de esta manera: (php)

Código PHP:
Ver original
  1. <div id="contenedor">
  2.   <div class="imagen"><? echo "<img src=\"imprime.php?id=".$reg['id']."\">" ?></div>
  3. <div class="click">PUNTUAR</div>
  4. </div>

La galería tien solo dos tamaños de imagenes, la primero 287x287, y la otra medida posible es de 287x1000px..

mi CSS es el siguiente:

Código CSS:
Ver original
  1. #contenedor{width:210px;display:inline-block;
  2.    height:170px;
  3.    margin: 2px;
  4.    padding:2px;
  5.    background-color:#f5f7f9;
  6.    border-right: #a5a7aa solid 1px;
  7.    border-bottom: #a5a7aa solid 1px;
  8.    text-align:center; font-size:10px;
  9.    font-family:Verdana, Geneva, sans-serif
  10. display:inline-block;
  11.  
  12. }
  13.  
  14. .imagen{ inline-block
  15. }
  16.  
  17. .click{inline-block
  18. }

el resultado es que se pone una imagen arriba de la otra.



La imagen A5 es la misma y arriba tiene A6, si a mi css le saco el tamaño with y heigt.. no se ensiman, pero no puedo trabajar, le quiero dar un lindo borde hacer cosas dentro con tamaño.

Muchas gracias por su tiempo,
Saludos
Fede

PD: tambien lo hice con <li> pero pasa lo mismo

Saludos.!!