如何在縮略圖的框架中顯示用戶頭像圖片？

Question

我網站上的所有上傳圖片都有縮略圖的邊框。我已經設置好了，以便有空間顯示用戶的姓名和框架中的頭像圖片以及他們上傳的圖片。希望這兩個圖像得到更好的理解什麼，我試圖完成 link to imgur

我用這個用戶名和個人資料照片：

<?php if($ib->user['id']) {?> 
div class="userInfo"> 
<img class="avatar" width="40" height="40" src="<?php echo Config::$absolutePath.$ib->user['avatar']; ?>"/> 
<div class="name"> 
    <strong> 
     <a href="<?php echo Config::$absolutePath.'user/'.$ib->user['name']; ?>"><?php echo $ib->user['name']; ?></a> 
    </strong> 
</div> 

這爲各地上傳的框架

#imageGrid div { 
     position: absolute; 
     overflow: hidden; 
     border-radius: 0px; 
    border: 1px solid #FFFFFF; 
padding: 60px 10px 10px 10px; 
moz-box-shadow: 3px 3px 5px 6px #ccc; 
-webkit-box-shadow: 3px 3px 5px 6px #ccc; 
box-shadow:   3px 3px 5px 6px #a1a1a1; 
background-color: #dddddd; 

我不知道下一步應該嘗試什麼，所以我想看看我是否可以添加/組合div，但那是行不通的。

如果您需要更多信息，更好的描述或更多的代碼，請告訴我。在此先感謝，我在這方面很新穎，而這是我堅持的一件事。

Answer 1

，你需要把它們控制的它是什麼佈局的容器元素，你可以使用用戶信息

<div class="userInfo"> 
<img class="avatar" width="40" height="40" src="<?php echo Config::$absolutePath.$ib-  >user['avatar']; ?>"/> 
<div class="name"> 
<strong> 
    <a href="<?php echo Config::$absolutePath.'user/'.$ib->user['name']; ?>"><?php echo $ib->user['name']; ?></a> 
</strong> 
</div> 
</div> 

.userInfo { 
width:50px; 
} 

.avatar { 
width:40px; 
} 

.name { 
width:40px; 
} 

爲#imageGrid DIV我會刪除你最有什麼存在和將它應用到我上面添加的特定CSS類。