Foros del Web » Creando para Internet » CSS »

Se me salen de posicion las imagenes..

Estas en el tema de Se me salen de posicion las imagenes.. en el foro de CSS en Foros del Web. Buneas a todos. Estoy haciendo una galeria de fotos, esta tiene una descripcion, cuando la descripcion se pasa a otra linea me cambia la posicion ...
  #1 (permalink)  
Antiguo 18/01/2012, 17:20
Avatar de fedefrankk  
Fecha de Ingreso: agosto-2007
Mensajes: 862
Antigüedad: 14 años, 5 meses
Puntos: 7
Pregunta Se me salen de posicion las imagenes..

Buneas a todos.

Estoy haciendo una galeria de fotos, esta tiene una descripcion, cuando la descripcion se pasa a otra linea me cambia la posicion de las otras imagenes..

aca dejo una imagen que se ve en rojo el espacio cuando la descripcion bajo a la siguiente linea en el div:





asi lo listo con php

Código PHP:
Ver original
  1. <div class="contenedor_c">
  2. <div class="imagen"><? echo "<img src=im.php?></div>
  3. <div class="click"><? echo ". print  "  tamaño". $reg['tamano'] ?></div>
  4. <div class="des"><? print $reg['descrip']?></div>
  5. <div class="img_1"></div>
  6. </div>


mi css:

Código CSS:
Ver original
  1. .contenedor_c{
  2.    display:inline-block;
  3.    margin-top:1px;
  4.    width:267px;
  5.    height:270px;
  6.    margin: 1px;
  7.    padding:1px;
  8.    text-align:center; font-size:10px;
  9.    font-family:Verdana, Geneva, sans-serif;
  10.    border:solid; border-width:1px; border-color:#CCC
  11. }
  12.  
  13. .click{
  14.   width:100px;
  15.   height:20px;
  16.   text-align:left;
  17.   margin-top:-12px;
  18.   margin-left:200px;
  19.   }
  20.  .des{
  21.     margin-left:5px;
  22.      margin-top:-73px;
  23.     word-wrap: break-word;
  24.     text-align:justify;
  25.     color:#000;
  26.      width:258px;
  27.      height:34px;
  28.      
  29.    
  30.  }

Espero que puedan darme una mano con este tema, y la otra consulta cada ves que muevo un margen se mueven todos..!!! como puedo para que eso no ocurra??..

Saludos a todos y Muchas gracias.!!
Fede
  #2 (permalink)  
Antiguo 19/01/2012, 07:57
Avatar de Garot  
Fecha de Ingreso: marzo-2010
Ubicación: Mar de Dirac
Mensajes: 121
Antigüedad: 11 años, 10 meses
Puntos: 7
Respuesta: Se me salen de posicion las imagenes..

Hola fedefrankk

Sin duda el problema esta en el "inline-block" que le has aplicado al contenedor, prueba cambiarlo por "block" nada mas y aplicale un "float:left" al contenedor a ver que pasa.

Saludos!
  #3 (permalink)  
Antiguo 19/01/2012, 11:53
Avatar de fedefrankk  
Fecha de Ingreso: agosto-2007
Mensajes: 862
Antigüedad: 14 años, 5 meses
Puntos: 7
Respuesta: Se me salen de posicion las imagenes..

Buenas, siii se soluciono el problema con "float:left".
Muchas gracias por tu tiempo
Saludos
Fede

Etiquetas: imagenes, posicion, tamaño
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 21:15.