Question

I have a SQL table which contains ID, photourl and thumbnailurl. Now I’ve written a script which deletes the photos. Everything is working properly the thing is I want to display the images in a list:

As you can see, I want to put the photo and the delete link into one list item.

<ul>
    <li>
        <ul>
            <li><img src="#"/></li>
            <li><a href="#"> DELETE IMAGE </a></li>
        </ul>
    </li>

    <li>
        <ul>
            <li><img src="#"/></li>
            <li><a href="#"> DELETE IMAGE </a></li>
        </ul>
    </li>
</ul>

I wrote some code but it doesn’t seem to work… it displays the photo’s vertically in a list.

<ul >
<li>
<?php
    while ($line = $db->fetchNextObject()) {
        //echo '<li>';
            echo '<ul>';
                echo '<li> <img class="thumb_image '.$line->category.'" src="'.$line->minurl.'"/> </li>';
                echo '<li>  <a href="index.php?remove=true&id='.$line->id.'">Verwijder</a> </li>';
            echo '</ul>';
        //echo '</li>';
        /*echo '<img class="thumb_image '.$line->category.'" src="'.$line->minurl.'"/> <br/> <a href="index.php?remove=true">Verwijder</a> ';
    */
    }

    
?>
</li>
</ul>

Answer 1

try setting your HTML up like this:

<ul>
   <li><img src="#"/><a href="#" class="deleteImage"> DELETE IMAGE </a></li>
 </ul>

and then your CSS as follows:

.deleteImage { display: block; }​

this will allow you to manipulate where you would like the delete image text to display under the image.