Ayuda con galeria de imagenes

[jcapita]

Hola, tengo un problema con una galería de imágenes sencilla que estoy haciendo con php y mysql.
Mi problema es para mostrar las imágenes, quiero acomodarlas en filas de tres imágenes pero no se como hacerlo!!
alguien me podría decir una forma fácil de solucionarlo??.
Pasando en claro es poner todas las imágenes que tengo guardadas en una base de datos en filas de 3 imágenes cada una.
Gracias!!!!

Jessica

[refreshed]

Hola Jessica:
Para acomodarlas en filas sin comerte el tarro puedes utilizar las CSS, pones todas las imágenes en una lista:

<ul>
<li><img src...></li>
...
</ul>

y en el CSS das a UL tres veces más de ancho que a los LI. Y todos los LI flotados a la izquierda.

Si utilizas tablas serían dos bucles for anidados.

Un saludo

[jcapita]

Hola, refreshed!!!, gracias por tu respuesta.
La verdad es que soy bastante nueva en esto del php y no entiendo muy bien lo que me escribiste.
Quisiera que me explicaras si no te molesta un poco mas de los bucles for anidados, o quizas conoces algun tutorial que pueda ayudarme con esto.
Gracias,

Jessica

[refreshed]

Hello Jessica:

Otra vez más, lo mejor es el CSS. Pero vamos a ver las dos formas.

BUCLES FOR ANIDADOS
Supongo que sabrás de HTML, la idea es dibujar una tabla con PHP y en cada celda situar una imagen, sería algo así.

Código PHP:

  <?php 
//Crear tabla de 3 columnas y 20 filas 
for ($i; $i<2; $i++) 
    { 
    echo "<tr>"; 
    for ($i; $i<19; $i++) 
        { 
        echo "<td>"; 
            /* 
            Contenido de la celda: Imágenes 
            */ 
        echo "</td>"; 
        } 
    echo "</tr>"; 
    } 
?>   

Para modificar el nombre de la imagen (1.png, 2.png, 3.png, 4.png ...) podrías utilizar una función que guarde el valor de la anterior iteración, para sumarle uno y cambiar de foto.

Pero a mi esto me parece liarse.
Además tendrías que comprobar a cada imagen que existe o no, para seguir con el bucle o romperlo.

LO MEJOR: PHP + CSS
Funciona, sigue siendo crossbrowser, y me parece una solución mucho más elegante. El código hace lo que tiene que hacer, no diseña ni maqueta.

La idea es hacer un bucle que construya la siguiente lista:

Código HTML:

<ul id="galeria">
<li><a src="1.jpg"></li>
<li><a src="2.jpg"></li>
</ul> 

podría ser algo así:

Código PHP:

  <?php  
echo "<ul>\n"; 
for ($i; $i<60; $i++) 
    { 
    echo "<li>"; 
    echo "<img src=\"".$i.".jpg \">"; 
    echo "</li>"; 
    } 
echo "</ul>\n"; 
?>   

y con CSS:

Código:

#galería {
width: 100%;
}

#galeria li{
display: block;
float: left;
width: 33%;
}

/*Todo esto suponiendo margins, paddings y borders = 0;*/

Y eso es todo amiga :D

[niltza]

mira yo estoy buscando lo mismo pero no teentendi muho si eso debe ir en un solo codigo o como es???