[PHP] Elementi tabella in orizzontale e NON Verticale

[Domenico2013]

Ciao ho questo codice per visualizzare le immagini in una tabella, il problema sta nel fatto che le immagini vengono visualizzate in maniera verticale mentre io le vorrei in orizzontale. Qualche info? Grazie.
PS: vi allego un immagine di come si visualizzano.

<?php
include("../connect_percorso_generale.php");

$db = mysql_connect($host, $user, $password)
or die (mysql_error());
mysql_select_db($database, $db)
or die (mysql_error());

$result = mysql_query("SELECT * FROM $tabella")or die(mysql_error());
while ($row = mysql_fetch_array($result)) {

$percorso2 = $row['percorso'];
$commento2 = $row['commento'];

print "<table border=\"3\">";
print "<tr>";
print "<td>";

print "<a href=\"../immagini_generale/$percorso2\"><img src=\"../immagini_generale/$percorso2\" class=\"auto-style1\ height=\"250\" width=\"250\"/><td>$commento2</td></a>";
  
print "</td>";
print "</tr>";
print "</table>";

}
mysql_close($db);
?>

 

[macus_adi]

Ciao Domenico2013, per visualizzare le immagini in orizzontale ti converrebbe utilizzare "bootstrap".

Riproponendo il codice di ieri per la creazione della tabella, potresti modificare in questo modo la funzione:

item_row è il parametro che ti permette di visualizzare un numero prefissato di elementi in orizzontale prima di andare a capo...
ricorda che bootstrap utilizza un sistema a graglia a 12 quindi item_row=3 visualizzerà 4 elementi in orizzontale e poi andrà a capo....

quindi numero di elementi = 12/item_row

crea_card($rows,6);
function crea_card($rows,$items_row=3){
$html='<div class="row">';
for($i=0;$i<count($rows);$i++){
    $html='<div class="col-md-'.$item_row.'">';
    $html.='<a href="../immagini_generale'.$rows[$i]['percorso'].'">
                              <img src="../immagini_generale/'.$rows[$i]['percorso2'].'" class="auto-style1\ height="250" width="250"/>  </a>';
    $html.='<div class="text-center">'.$rows[$i]['commento'].'</div>';
}
   $html.='</div>;

}

 

[Domenico2013]

Ciao macus_id... grazie per la esplicita risposta... il tuo codice mi da un errore, non so come correggerlo.
Vorrei un consiglio: questo codice che ho postato visualizza le foto in una tabella in maniera verticale, sai come posso modificarlo per visualizzarle in maniera orizzontale? Grazie.

<?php
session_start();
include("../connect_percorso_generale.php");

$db = mysql_connect($host, $user, $password)
or die (mysql_error());
mysql_select_db($database, $db)
or die (mysql_error());

$query_tip = mysql_query("SELECT * FROM $tabella")
or die ("ricerca per tipologia non riuscita ".mysql_error());

if(isset($query_tip)){ //se la selezione è andata a buon fine
   while($row=mysql_fetch_assoc($query_tip)){
  
echo "<table border=\"2\"><tr><td align=\"center\"><a class=\"imageborder\" href=\"../immagini_generale/$row[percorso]\" data-lightbox=\"example-set\" title=\"$row[commento]\">
<img class=\"imageborder\" src=\"../immagini_generale/$row[percorso]\" alt=\"Plants: image 4 0f 4 thumb\" width=\"150\" height=\"150\" align=\"right\"/><p class=\"auto-style2\"><strong>&nbsp $row[commento]</strong></p></a></td></tr></table>";

 }
} else{
echo "nessun elemento è stato trovato";
}

?>

 

[macus_adi]

Che errore da? alla fine della funzione non ho messo il return....

$html.='</div>;

class="auto-style1\ height="250" width="250"

invece deve essere cosi
class="auto-style1" height="250" width="250"

return $html;

 

[Domenico2013]

Ciao mi da questo errore:
Fatal error: Call to undefined function crea_card() in P:\Program Files (x86)\EasyPHP-5.3.9\www\Lettiero Costruzioni.it_Locale\i_nostri_lavori\i_nostri_lavori.php on line 78

dove la riga 78 corrisponde questa porzione di codice:
78 crea_card($rows,6);
78 function crea_card($rows,$items_row=3){
80 $html='<div class="row">';

 

[macus_adi]

Sposta la funzione sopra cosi:

crea_card($rows,6);
function crea_card($rows,$items_row=3){
$html='<div class="row">';
for($i=0;$i<count($rows);$i++){
$html='<div class="col-md-'.$item_row.'">';
$html.='<a href="../immagini_generale'.$rows[$i]['percorso'].'">
<img src="../immagini_generale/'.$rows[$i]['percorso2'].'" class="auto-style1\ height="250" width="250"/> </a>';
$html.='<div class="text-center">'.$rows[$i]['commento'].'</div>';
}
$html.='</div>;

}

Modifica in questo modo

function crea_card($rows,$items_row=3){
// il codice
}

echo crea_card($p1,p2);

 

[borgo italia]

ciao @Domenico2013
quando scrivi il codice racchiudili tra gli appositi bccode, talvalta oltre a facilitare chi lo legge segnala anche gli eventuali errori

 

[Domenico2013]

Ciao scusami mi da sempre lo stesso errore. Non voglio farti perdere tempo, cercherò di provvedere io. Grazie per le info.

 

[macus_adi]

Appena testato e funzionante....

Mancava una "s" su $item_row -> $items_row e un " ' " alla fine di html.... cmq devi aggiungere alla fine della funzione il return $html!

    function crea_card($rows,$items_row=3){
        $html='<div class="row">';
        for($i=0;$i<count($rows);$i++){
            $html='<div class="col-md-'.$items_row.'">';
            $html.='<a href="../immagini_generale'.$rows[$i]['percorso'].'">
            <img src="../immagini_generale/'.$rows[$i]['percorso2'].'" class="auto-style1\ height="250" width="250"/> </a>';
            $html.='<div class="text-center">'.$rows[$i]['commento'].'</div>';
        }
        $html.='</div>';
return $html;
}
          
            crea_card($rows,6);

 

[borgo italia]

ciao
oppure semplicemente

<?php
//....
$conta=0;
$quante_per_riga=4;//di quanti td vuoi che siano i tr
echo "<table border=\"3\">";
while ($row = mysql_fetch_array($result)) {
    $percorso2 = $row['percorso'];
    $commento2 = $row['commento'];
    if($conta%$quante_per_riga==0)echo "<tr>";
    $conta++;
    echo "<td>";

    echo "<a href=\"../immagini_generale/$percorso2\"><img src=\"../immagini_generale/$percorso2\" class=\"auto-style1\ height=\"250\" width=\"250\"/><td>$commento2</td></a>";
    echo "</td>";
    if($conta%$quante_per_riga==0)echo "</tr>";
}
echo "</table>";
//.....
?>

 

[Domenico2013]

Ciao Borgo Italia, grazie il codice funziona benissimo. Vorrei chiederti una cosa: il contenuto di
<img src=\"../immagini_generale/$percorso2\" mi compare a destra dell'immagine come la foto in allegato, è possibile farlo comparire sotto l'immagine? Grazie.

 

[borgo italia]

ciao un errore mio di copy/paste
.....<br>$commento2</a>";

 

[Domenico2013]

Ciao Borgo Italia grazie funziona alla grande. Borgo Italia domani provo anche il tuo codice, grazie per la disponibilità.