在一個表格中並排顯示圖像

我想在一個表格單元中並排顯示5個圖像（50x50），但不是顯示圖像並排顯示每個圖像將顯示在單獨的行中...我該如何解決這個問題？在一個表格中並排顯示圖像

$i = 0; 

while ($row = $result->fetch_object()) { 

echo "<tr>"; 

if ($last_entry != $row->project) { 

    echo "<td align='center'><textarea name ='project' rows='16' cols='30' style='resize: none'>".$row->project."</textarea></td>"; 
    echo "<td align='center'>".$row->uid."</td>"; 
    echo "<td align='center'>".$row->parent_cat."</td>"; 
    echo "<td align='center'><textarea name ='project_desc' rows='16' cols='30' style='resize: none'>".$row->project_desc."</textarea></td>"; 
    echo "<td align='center'><textarea name ='desc' rows='16' cols='30' style='resize: none'>".$row->desc."</textarea></td>"; 
    echo "<td align='center'>".$row->copyright."</td>"; 
    echo "<td align='center'>Buttons</td>"; 
echo "</tr>"; 
echo "<tr>"; 
    $last_entry = $row->project; 


} 

    //echo "<td align='center' colspan='6'><img src=".$row->url."<border='0'></td>";  
    //echo "<td align='center' colspan='7'>"; 
    echo "<td colspan='7'><a href='".$row->url."' data-lightbox='".$row->file_name."' data-title='".$row->file_name."'><img src='".$row->url."' border='0' width='50' height='50'></a></td>"; 

    if ($i%5==0) { 

     echo "</tr><tr>"; 

    } 

    $i++; 

    if (!$i%5 == 0) { 

     echo "<td colspan='7'>&nbsp</td>"; 
    } 

} 
//echo "</td>"; 
//echo "</tr>"; 


echo "</table>";

這一個幾乎是工作，但將顯示的第一印象後，突破將進行，然後所有的圖像將顯示並排...

while ($row = $result->fetch_object()) { 

if ($last_entry != $row->project) { 

    echo "<div class='box-white'>"; 
     echo "<div class='divTable'>"; 
      echo "<div class='divTableBody'>"; 
       echo "<div class='divTableRow'>"; 
        echo "<div class='divTableCell'>Projektnamen</div>"; 
        echo "<div class='divTableCell'>UID</div>"; 
        echo "<div class='divTableCell'>Kategorie</div>"; 
        echo "<div class='divTableCell'>Projektbeschreibung</div>"; 
        echo "<div class='divTableCell'>Beschreibung</div>"; 
        echo "<div class='divTableCell'>Copyright</div>"; 
        echo "<div class='divTableCell'>Tools</div>"; 
       echo "</div>"; 
      echo "</div>"; 
     echo "</div>"; 


      echo "<div class='divTableBody'>"; 
       echo "<div class='divTableRow'>"; 
        echo "<div class='divTableCell'><textarea name ='project' rows='16' cols='30' style='resize: none'>".$row->project."</textarea></div"; 
        echo "<div class='divTableCell'>".$row->uid."</div>"; 
        echo "<div class='divTableCell'>".$row->parent_cat." </div>"; 
        echo "<div class='divTableCell'><textarea name ='project_desc' rows='16' cols='30' style='resize: none'>".$row->project_desc."</textarea></div>"; 
        echo "<div class='divTableCell'><textarea name ='beschreibung' rows='16' cols='30' style='resize: none'>".$row->beschreibung."</textarea></div>"; 
        echo "<div class='divTableCell'>".$row->copyright."</div>"; 
        echo "<div class='divTableCell'>Buttons</div>"; 

       echo "</div>"; 
      echo "</div>"; 




    $last_entry = $row->project; 



} 


    echo "<div class='divTableCell'><div style='float:left'><a href='".$row->url."' data-lightbox='".$row->file_name."' data-title='".$row->file_name."'><div class='center-cropped'><img src='".$row->url."' border='0'</a></div></div></div>"; 

    echo "</div>"; 

}

謝謝爲您的支持和建議！

親切的問候，

斯特凡

來源

2017-10-18 Bosstone

這是一個表（並排側），也許它可以幫助你解決你的問題渲染5個圖像的一個非常基本的方法：

<!DOCTYPE html> 
<html> 
<body> 
<?php 
$pics = array('pic1.jpg', 'pic2.jpg', 'pic3.jpg', 'pic4.jpg', 'pic5.jpg'); 

echo "<table style='border: 1px solid blue'>"; 
echo '<tr>'; 
for ($i=0; $i<5; $i++) 
{ 
$html = <<<HEREDOC_DELIM 
<td style='border: 1px solid red'> 
<img src="{$pics[$i]}" alt="sometext" width="50" height="50"> 
</td> 
HEREDOC_DELIM; 
echo $html; 
} 
echo '</tr>'; 
echo '</table>'; 
?> 
</body> 
</html>

來源

2017-10-18 20:14:26 lovelace

在一個表格中並排顯示圖像

回答

相關問題