PHP image results into rows/columns

[LocalHero]

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?

$handle=opendir("./content/uploaded/");
$sPath = "content/uploaded/";
$sPath = rtrim($sPath, '/\\');  
$aFiles = array();  
                
    while (false !== ($file = readdir($handle)))
{
    if (filectime($sPath . DIRECTORY_SEPARATOR . $file) <= $iSixMonthsAgo)
    {
        unlink($sPath . DIRECTORY_SEPARATOR . $file);
    }
    else
    {
        $aFiles[$file] = filectime($sPath . DIRECTORY_SEPARATOR . $file);
    }
} 
asort($aFiles);
foreach ($aFiles AS $fileName => $createTime)
{
    printf('%s (created on %s)'. PHP_EOL, '<form action="' . $_SERVER["PHP_SELF"] . '" method="post" name="form1"><input type="hidden" name="filex" id="filex" value="' .$fileName . '" hidden><input type="submit" name="Delete" id="Button" value="Delete Image"></form> <a href="content/uploaded/"'.$fileName.'" target="blank">'. $fileName .'"<br><img src=./content/uploaded/' . $fileName . ' width=400></a><br><hr><br>', date('F d Y', $createTime));
} 

[Strider64]

Maybe do something like the following?

"<br><img" .
if ($num_pics >= 4) {
    "class=\"picture-style\""
}
. "src=./content/uploaded/' . $fileName . ' width=400> 

[Strider64]

Sorry, should be more like this

        "<br><img" .
        if ($num_pics >= 4) {
            "class=\"picture-style\"" .
        }
        "src=./content/uploaded/' . $fileName . ' width=400> 

[LocalHero]

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?

[Strider64]

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

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

[Strider64]

LOL smiley put in when it should be ; ) and there should be no period inside the quotes.

[LocalHero]

Well, I gave it a shot. And no luck.

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

.picture-style{clear: right;}

    printf('%s (created on %s)'. PHP_EOL, '<div class"\"picture-style\""><input type="hidden" name="filex" id="filex" value="' .$fileName . '" hidden><input type="submit" name="Delete" id="Button" value="Delete Image">  <a href="content/uploaded/"'.$fileName.'" target="blank">'. $fileName .'"<img class=\"picture-style\""  src=./content/uploaded/' . $fileName . ' width=400></a></div>', date('F d Y', $createTime)); 

phpfile.jpg