Ver Mensaje Individual
  #2 (permalink)  
Antiguo 05/06/2016, 21:40
Avatar de kip13
kip13
 
Fecha de Ingreso: agosto-2011
Mensajes: 167
Antigüedad: 12 años, 8 meses
Puntos: 13
Respuesta: PHP y CSS no me marchan reto UFF

Hola, Wilson solo debes especificar la posicion del div padre en relative, para que asi mantenga el flujo del html contrario a la position absolute del div del texto que supongo es el echo de la variable $i, aqui te dejo como quedaria:

Código PHP:
Ver original
  1. <?php
  2. for ($i=0;$i <= 3;$i++)
  3. {
  4.     echo "<div class=resultado>";
  5.     echo "<div class=v>";
  6.     echo $i;
  7.     echo "</div>";
  8.     echo "<div class=img><img src='../../imagenes/people.jpg' width='200' height='180'></div>";
  9.     echo "</div>";
  10.     echo "</div>";
  11. }
  12. ?>

Código CSS:
Ver original
  1. .resultado{
  2.             background: #ffffff;
  3.             width: 200px;
  4.             height: 200px;
  5.             border:2px solid #000;
  6.             display: inline-block;
  7.             position: relative;
  8.         }
  9.         .img
  10.         {
  11.             float: left;
  12.         }
  13.         .v
  14.         {
  15.             width: 40px;
  16.             height: 20px;
  17.             color: red;
  18.             background: #666;
  19.             position: absolute;
  20.             left: 110px;
  21.             top: 0px;
  22.         }

Ademas especificar el display en el div padre para que se muestre de forma horizontal.

Pasate por aca para ver especificamente que hace cada valor de position:
Desarrollo Web Position CSS

Prueba el codigo y nos cuentas.

Saludos