PHP Titel under billede

PHP kode 

 <?php
     $numCols = 5; //ANTALLET AF KOLONNER SOM SKAL VISES I TABELLEN!
 
     include("connect.php"); //inkludere filen der opretter forbindelse til min db
      $query = mysql_query("SELECT * FROM sjov ORDER BY id");
 
     echo "<table>";
     $n = 0;
 
      while($row = mysql_fetch_assoc($query)) { //Lav en while der kører alle rækker igennem;
         if ($n == 0) 
             echo "<tr>";
 
          echo "<td class="imgcell"><a href=\"sjov.php?id=" . $row["id"] . "\"><img class=\"imgframe\" src=\"/synes/thumbs/" . $row["thumb"] . "\" alt=" . $row["NAVN PÅ KOLONNE MED TITEL"] . " /><br />" . $row["NAVN PÅ KOLONNE MED TITEL"] . "</a></td>"; 
 
         $n++;
 
         if ($n == $numCols - 1) {
             echo "</tr>";
             $n = 0;
         }
     }
 ?>

CSS kode 

 .imgcell {
     padding: 5px;
     vertical-align: middle;
     text-align: center;
 }
 
 .imgframe {
     border: 1px solid black;
     width: 125px;
     height: 100px;
 }
 
 a, a.active, a.visited {
     color: black;
 }
 a.hover { 
     text-decoration: none;
     color: black;
 }

Forudsat at du har en kolonne i din database med titlen på billedet, så burde du kunne lave noget alá nedenstående:

PHP kode 

 <?php
     $numCols = 5; //ANTALLET AF KOLONNER SOM SKAL VISES I TABELLEN!
 
     include("connect.php"); //inkludere filen der opretter forbindelse til min db
      $query = mysql_query("SELECT * FROM sjov ORDER BY id");
 
     echo "<table>";
     $n = 0;
 
      while($row = mysql_fetch_assoc($query)) { //Lav en while der kører alle rækker igennem;
         if ($n == 0) 
             echo "<tr>";
 
          echo "<td class="imgcell"><a href=\"sjov.php?id=" . $row["id"] . "\"><img class=\"imgframe\" src=\"/synes/thumbs/" . $row["thumb"] . "\" alt=" . $row["NAVN PÅ KOLONNE MED TITEL"] . " /><br />" . $row["NAVN PÅ KOLONNE MED TITEL"] . "</a></td>"; 
 
         $n++;
 
         if ($n == $numCols - 1) {
             echo "</tr>";
             $n = 0;
         }
     }
 ?>

Til dit stylesheet/styletag:

CSS kode 

 .imgcell {
     padding: 5px;
     vertical-align: middle;
     text-align: center;
 }
 
 .imgframe {
     border: 1px solid black;
     width: 125px;
     height: 100px;
 }
 
 a, a.active, a.visited {
     color: black;
 }
 a.hover { 
     text-decoration: none;
     color: black;
 }