If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

Hybrid View

PHP image results into rows/columns

I have a script that displays images in a folder. It puts 1 on top of the other and I would rather it be 2-3 images wide per row. I want to do this with CSS but I don't know how? The tricky part (I think) is that each image has a <form> so that I can delete the image and I don't know if you can have more than 1 form on a row?

Ok, I think I see what you did there. We just put a class on the pictures. That makes sense. What doesn't make sense is what do I do with the CSS to make each result (filename, creation date, image) side by side until the row fills up and then it goes to the next row?

While I don't know exactly what you want to stylize, but I say put the class inside the area you want to affect (I'm assuming the pictures). Then maybe you can just do something like .picture-style{clear: right which would force the pictures down to the next row. It is just doing that on the pictures when the if-statement is true, for that is the only time the class statement is put in. btw put spaces in like this

PHP Code:

" class=\"example-style\" . " .

I meant to write it that way before. The if statement logic obviously you're going to have to figure out. Hopefully this helps.

I took out the form so I could see if that was the hangup, I also took away all of the <br> tags. I want the filename, date, and image on top of each other. How can I seperate these so that it works in rows with CSS? (Image Below) -