Foros del Web » Programando para Internet » PHP »

[SOLUCIONADO] PHP y CSS no me marchan reto UFF

Estas en el tema de PHP y CSS no me marchan reto UFF en el foro de PHP en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 05/06/2016, 21:25
 
Fecha de Ingreso: diciembre-2015
Mensajes: 369
Antigüedad: 3 años, 10 meses
Puntos: 4
PHP y CSS no me marchan reto UFF

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
  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 "<br>";
  8. echo "</div>";
  9. echo "<div class=img><img src='../../imagenes/people.jpg' width='200' height='180'></div>";
  10. echo "</div>";
  11. }
  12. ?>
css

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

bueno aver que tal el reto.

yo me di por vencido intente de todo.
  #2 (permalink)  
Antiguo 05/06/2016, 22:40
Avatar de kip13  
Fecha de Ingreso: agosto-2011
Mensajes: 167
Antigüedad: 8 años, 2 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
  #3 (permalink)  
Antiguo 05/06/2016, 22:49
Avatar de xfxstudios  
Fecha de Ingreso: junio-2015
Ubicación: Valencia - Venezuela
Mensajes: 2.448
Antigüedad: 4 años, 4 meses
Puntos: 263
Respuesta: PHP y CSS no me marchan reto UFF

no entendí que intentas hacer o cual es el problema de php en esto
__________________
[email protected]
HITCEL
  #4 (permalink)  
Antiguo 05/06/2016, 23:18
 
Fecha de Ingreso: diciembre-2015
Mensajes: 529
Antigüedad: 3 años, 10 meses
Puntos: 39
Respuesta: PHP y CSS no me marchan reto UFF

¿Y si empezamos por encerrar las clases entre comillas?
  #5 (permalink)  
Antiguo 06/06/2016, 12:04
 
Fecha de Ingreso: diciembre-2015
Mensajes: 369
Antigüedad: 3 años, 10 meses
Puntos: 4
Respuesta: PHP y CSS no me marchan reto UFF

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
  #6 (permalink)  
Antiguo 06/06/2016, 12:21
Avatar de pateketrueke
Modernizr
 
Fecha de Ingreso: abril-2008
Ubicación: Mexihco-Tenochtitlan
Mensajes: 26.399
Antigüedad: 11 años, 7 meses
Puntos: 2534
Respuesta: PHP y CSS no me marchan reto UFF

Cita:
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.
__________________
Y U NO RTFM? щ(ºдºщ)

No atiendo por MP nada que no sea personal.
  #7 (permalink)  
Antiguo 06/06/2016, 12:33
 
Fecha de Ingreso: diciembre-2015
Mensajes: 369
Antigüedad: 3 años, 10 meses
Puntos: 4
Respuesta: PHP y CSS no me marchan reto UFF

Cita:
Iniciado por pateketrueke Ver Mensaje
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...
  #8 (permalink)  
Antiguo 06/06/2016, 12:48
Avatar de pateketrueke
Modernizr
 
Fecha de Ingreso: abril-2008
Ubicación: Mexihco-Tenochtitlan
Mensajes: 26.399
Antigüedad: 11 años, 7 meses
Puntos: 2534
Respuesta: PHP y CSS no me marchan reto UFF

Cita:
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.
__________________
Y U NO RTFM? щ(ºдºщ)

No atiendo por MP nada que no sea personal.
  #9 (permalink)  
Antiguo 06/06/2016, 13:38
Avatar de kip13  
Fecha de Ingreso: agosto-2011
Mensajes: 167
Antigüedad: 8 años, 2 meses
Puntos: 13
Respuesta: PHP y CSS no me marchan reto UFF

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

Etiquetas: css, reto
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 06:23.