拉從SQL表照片和照片的身份證件，並在頁面PHP

在列表中顯示它們所以我有一個SQL表至極包含ID，photourl和thumbnailurl。現在我寫了一個腳本來刪除照片。一切工作正常的事情就是我要在列表中顯示圖像：拉從SQL表照片和照片的身份證件，並在頁面PHP

like this

正如你所看到的，我想把照片並刪除鏈接到一個列表項。

<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>

我寫了一些代碼，但它似乎沒有工作......它將照片的垂直顯示在列表中。

<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>

來源

2012-11-19 KrisTemmerman

這是一個CSS和HTML問題。 – Ibu

已更新標籤 – KrisTemmerman

@KrisTemmerman - 如果您正在尋找HTML/CSS解決方案，請發佈所有相關的HTML和CSS。 – KatieK

嘗試設置你的HTML像這樣：

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

，然後你的CSS如下：

.deleteImage { display: block; }

這將允許你操作，你想刪除的圖像文字圖像下方顯示。

來源

2012-11-19 18:08:46 Joel

完美作品像一個魅力 – KrisTemmerman

一個辦法做到這一點...使用<table>和<li> 這會給你粗略的想法..你可以試試..

<table> 
    <ul> 
    <tr> 
     <td><li> row1 - column1 (1,1) </li></td> 
     <td><li> row1 - column2 (1,2) </li></td> 
    </tr> 
    <tr> 
     <td><li> row2 - column1 (2,1) </li></td> 
     <td><li> row2 - column2 (2,2) </li></td> 
    </tr> 
    </ul> 
</table>

休息，你可以找出自己..

來源

2012-11-19 18:01:34

有時候，你需要的是一個表，但它並沒有看起來像一個：

CSS：

table { 
    display: block; 
} 

tr { 
    display: inline-block; 
    border: 1px solid; 
    margin: 1em; 
} 

td { 
    display: block; 
    text-align: center; 
} 

img { 
    width: 100px; 
    height: 100px; 
    border: 1px solid red; 
}

HTML：

<table> 
    <tr> 
     <td><img /></td> 
     <td><a href="#">Delete</td> 
    </tr> 

    <tr> 
     <td><img /></td> 
     <td><a href="#">Delete</td> 
    </tr> 
</table>

http://jsfiddle.net/52yTm/

您可以添加額外的欄目，例如誰上傳了照片或拍攝照片等，而風格t然而軟管很有意義。

列表的列表似乎不適合我。在我看來，列表應該是類似的東西（購物清單，顏色列表等）。圖像和刪除按鈕是具有關係的不同項目（「刪除」刪除關聯的圖像）。用表格可以更好地表達關係。

來源

2012-11-19 18:29:50 cimmanon

這是一個更廣泛的，然後我在找什麼，但這個作品呢！ – KrisTemmerman

拉從SQL表照片和照片的身份證件，並在頁面PHP

回答

相關問題