bilder horizontal ausgeben

[Forumsgast]

Hallo,

man sieht ja immer in webseiten, wie bsp. in netlog.com das user angezeigt werden die sich neu angmeldet haben. Diese Bilder sind in einer Form 3*3 Matrix ausgegeben. Oder in einer Tabelle.

Nun weiß ich ja seid gestern wie man die letzten 9 ausgibt. Jedoch leider noch nicht wie man die, in solch einer Form ausgibt. Ich schaffs nur die Bilder vertikal aus zu geben, jedoch nicht hozrizontal.

    <?php

   require_once('dataBaseConnection.php');

    // Bild aus Datenbank auslesen
    $SQL = "SELECT dateiname FROM tblbenutzer ORDER by `intID` DESC LIMIT 0,9" ;
    
    $REC = mysql_query($SQL);
   
   
    while($Datensatz = mysql_fetch_assoc($REC)){
       
       
        $record['dateiname'] = $Datensatz['dateiname'];

        $DATA['SEARCH'][] = $record;
        
  }
    
?>

<?php foreach($DATA['SEARCH'] as $searchEntry): ?> 


     <table width="200" border="0">
       <tr>
         <td><? $bild = htmlentities($searchEntry['dateiname']);
         
         
               if($bild == NULL) echo "<a href='/fffk/Templates/nacheinloggen/erstregristreirung.php' target='mainFrame'>
            <img src='nacheinloggen/img/no_image.jpg' width='120px' height='75px' alt='bild' />"; 
        else
               echo " <a href='/fffk/Templates/nacheinloggen/erstregristreirung.php' target='_self'>
               <img src='nacheinloggen/img/$bild' width='120px' height='75px' alt='pic' />"; ?>
         </td>
       </tr>
     </table>
       
     <?php endforeach; ?>

Könnt mir jemand dabei helfen, wie man das macht ?

vielen dank.

Gruß

[Forumsgast]

In dem du die Bilder mit CSS formatierst und floatest. Jenachdem kann es auch sein das den Textfluss aber beenden musst und somit ein leeres Div Element mit einem clear: left; versehen musst.

CSS:

.img
{
float: left;
margin-left: 2px;
border: none;
}
 
.end_img
{
clear: left;
}

Und in Html würde das dann so aussehen können.

<img src="pfad/bild1.jpg" class="img" alte="bild1" /><img src="pfad/bild2.jpg" class="img" alte="bild2" />
 
/*nur wenn textfluss float unterbrochen werden soll*/
<div class="end_img"></div>

Da du deine Bilder ja dynamisch ausgibst musst das nur noch anpassen. Du kannst auch mit dem Modulooperator sagen gib mir 5 nebeneinander aus und dann mache neue Zeile. In dem Fall in die if() mit der Modulo Rechnung schreibst dann den DIV rein der den Textfluss beenden soll.

Das kann dann so aussehen.

$i=0;
while(){
 
//hier deine bilderausgabe
 
if(0===++$i%5)
{
      echo '<div class="end_img"></div>';
}
 
} 

[Forumsgast]

cool thx mit dem modulo gehts ja =) habs so umgesetzt, eine sache klappt leider nicht und zwar wird 6 *mal das gleiche bild ausgegeben.... ich geh mal davon aus dass das so ist weils kein array ist. und nur das erste bild ausgelesen werden kann.

Wird das echo innerhalb der while schleife ausgeführt werden die unterschiedlichen dateinamen der Bilder ausgelesen. Meine frage ist soo gesehen wie kann man die bilder in einen Array speichern um in der Forschleife aus zu geben?

  <?php

   require_once('dataBaseConnection.php');

    // Bild aus Datenbank auslesen
    $SQL = "SELECT dateiname FROM tblbenutzer ORDER by `intID` DESC LIMIT 0,8" ;
    
    $REC = mysql_query($SQL);
   $RECrows = mysql_num_rows($REC);
   
    while($Datensatz = mysql_fetch_assoc($REC)){
       
       
        $bild = $Datensatz['dateiname'];

        
  }
    
?> 
  <br />
  <br />
<?

for( $i = 0; $i <= 10; $i++){

         
        if($bild == NULL) echo "<a href='/fffk/Templates/nacheinloggen/erstregristreirung.php' target='mainFrame'>
        <img src='nacheinloggen/img/no_image.jpg' width='120px' height='75px' alt='bild' />"; 
        
        else
               echo " <a href='/fffk/Templates/nacheinloggen/erstregristreirung.php' target='_self'>
               <img src='nacheinloggen/img/$bild' width='120px' height='75px' alt='pic' />";
            
 
if(0===++$i%5)
{
    
      echo '<div class="end_img"></div>';
}
 
} 
?>

lg