bucle for pequeño ajuste

[mensajeescrito]

Hola amigos veran estoy haciendo un bucle for que funciona pero no se como

hacer para que los resultados que son imagenes que se muestran dentro de divs

(capas), se muestren dichas capas una al lado de la otra y no una debajo de la

otra y no se como hacerlo, miren el bucle for es este:


<?php

for ($i = 0; $i <= 30; $i ++) {


$sql = mysql_query("SELECT id,img FROM productos ORDER BY RAND() LIMIT 2",$link);




if (mysql_num_rows($sql) > 0)

{

while($row = mysql_fetch_array($sql))

$id=($var_imagen = $row['id']).($var_imagen = $row['img']);


echo "<div id='random_foto_1a'>
<img src = '$var_imagen' style='width:65px'/> </div>";


}

}

[kindah]

Y si le pones float left al div?

[Hidek1]

eso es un tema de CSS.. te recomiendo que postees en esa sección o esperes a que un moderador mueva tu tema


saludos.

[mensajeescrito]

Pensaba que era alguna orden en php, soy nuevo en el foro y no se mover el tema a

otro lado disculpen

y muchas gracias por lo de float left

[Oscar_Hidro]

Código HTML:

<img style="display:inline-block;" src = '$var_imagen' style='width:65px'/> </div>";
 

La propiedad "display:inline-block;" te permite agrupar tus bloques de informacion en forma lineal. Lo correcto es emplear hojas de estilos para darle diseño a tu pagina, pero en este caso como no has presentado css alguno, puedes aplicarlo de la forma en que se muestra arriba. Saludos

P.D. Con esta propiedad no es necesario que utilizes el float:left; Es más, sustituye el float:left por el display:inline-block;

[furoya]

Que seas "nuevo en el Foro" no justifica que preguntes algo evidente y sin el código correspondiente. Sin embargo, no sé si por casualidad, el tuyo se entiende.

Aunque no vamos a adivinar qué metiste en #random_foto_1a y mientras esperamos que se cumpla la profecía de Hidek1, aprovecho para corregir el código de Oscar_Hidro (si no te molesta).

Código:

...
echo "<div id='random_foto_1a' style='display:inline-block'>
<img src = '$var_imagen' style='width:65px'/> </div>";
...

Las imágenes ya son "inline". Te quedan siempre una al lado de la otra. El problema lo trae el div.

[Oscar_Hidro]

@furoya, para nada, al contrario, tu aportación es muy importante. Gracias por la correción.

Saludos