[SOLUCIONADO] PHP y CSS no me marchan reto UFF

[wilson_romero]

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:

<?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:

.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.

[kip13]

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:

<?php
for ($i=0;$i <= 3;$i++)
{
    echo "<div class=resultado>";
    echo "<div class=v>";
    echo $i;
    echo "</div>";
    echo "<div class=img><img src='../../imagenes/people.jpg' width='200' height='180'></div>";
    echo "</div>";
    echo "</div>";
}
?>
 

Código CSS:

.resultado{
            background: #ffffff;
            width: 200px;
            height: 200px;
            border:2px solid #000;
            display: inline-block;
            position: relative;
        }
        .img
        {
            float: left;
        }
        .v
        {
            width: 40px;
            height: 20px;
            color: red;
            background: #666;
            position: absolute;
            left: 110px;
            top: 0px;
        }
 

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

[xfxstudios]

no entendí que intentas hacer o cual es el problema de php en esto

[rodocoyote15]

¿Y si empezamos por encerrar las clases entre comillas?

[wilson_romero]

kip13 muchas gracias amigo me funciono voy a tener que aprender esto muy bien lo de las posiciones siempre tengo problema con esto.

Disculpen los demas yo pensaba que el problema era de php pensé que si estos dos lenguajes se mezclaban daban problemas

[pateketrueke]

Disculpen los demas yo pensaba que el problema era de php pensé que si estos dos lenguajes se mezclaban daban problemas

Es un error bastante habitual, debes aprender a "separar responsabilidades", sólo recuerda que los lenguajes que se ejecutan en el navegador no se ejecutan en el servidor y viceversa.

Puede que con PHP escribas mal algo, pero al final debes observar el resultado en tu navegador para llegar a una conclusión.

No porque el HTML/CSS esté mal es culpa de PHP, porque PHP sólo hará lo que le digas: si imprimes algo mal entonces es tu culpa y no de PHP.

Reflexiona más al respecto, no es correcto ir abriendo problemas de otras tecnologías fuera de sitio.

[wilson_romero]

Iniciado por pateketrueke

Es un error bastante habitual, debes aprender a "separar responsabilidades", sólo recuerda que los lenguajes que se ejecutan en el navegador no se ejecutan en el servidor y viceversa.

Puede que con PHP escribas mal algo, pero al final debes observar el resultado en tu navegador para llegar a una conclusión.

No porque el HTML/CSS esté mal es culpa de PHP, porque PHP sólo hará lo que le digas: si imprimes algo mal entonces es tu culpa y no de PHP.

Reflexiona más al respecto, no es correcto ir abriendo problemas de otras tecnologías fuera de sitio.

Ya le explique que pensaban que al mezclar los lenguajes me daria problema y tambien pense que con el php los bucles no tenia buenos resultados.
Lo otro es que en php me ayudaron mas que en css que ironia...

[pateketrueke]

Lo otro es que en php me ayudaron mas que en css que ironia...

No es ironía, su comprendieras a la perfección lo que te sucedía, y además lo explicas con propiedad en el foro de CSS seguro te ayudaban más rápido.

Acá en el foro de PHP algunos sabemos de otras cosas, eso es bueno, pero tampoco está bien abusar del foro de PHP por la misma razón.

[kip13]

pateketrueke tiene mucha razon, yo vi tu post en la seccion CSS pero la explicación que dabas era muy distorsionada, no te expresaste bien y pues debido a eso es la falta de respuestas a tu problema.

Re-publicaste el tema aquí siendo mas especifico en el problema que tenias y pues fue mas fácil ayudarte, ten en cuenta siempre tratar de ser lo mas claro cuando expreses tus dudas o problemas.

Saludos