Hola a migo le eh dado mucha vuelta a este tema y es un duro reto lo puse en PHP por que en css no me contestaron algo que resolviera el problema otra cosa es que yo veo que mezclar el php y css es mezclar agua y aceite me esta resultando como mezcle.
bueno todo reside en un bucle for como también pasa en while pero lo muestro en un for para que se entienda mas
El problema consiste en que si intento ponerle a un DIV la posición
position: absolute;
left: 110px;
top: 0px;en este caso el texto
se desaparece las repeticiones del código y solo presente el ultimo código del array aqui le dejo el codigo para que lo corran aver
la idea es que se pueda posicionar el texto con
left: 110px; porque si pongo ese valor en css automáticamente ya no me esta posicionando bien el código.
PHP
Código PHP:
Ver original<?php
for ($i=0;$i <= 3;$i++)
{
echo "<div class=resultado>";
echo "<div class=v>";
echo $i;
echo "<br>";
echo "</div>";
echo "<div class=img><img src='../../imagenes/people.jpg' width='200' height='180'></div>";
echo "</div>";
}
?>
css
Código CSS:
Ver original.resultado{
background: #ffffff;
width: 200px;
height: 200px;
border:2px solid #000;
float: left;
}
.img
{
float: left;
}
.V
{
width: 40px;
height: 20px;
color: red;
background: #666;
position: absolute;
top: 0px;
}
bueno aver que tal el reto.
yo me di por vencido intente de todo.