PHP和HTML對齊的數據庫查詢和圖像鏈接

我希望視頻的每個條目彼此相鄰排列，而不是在每個視頻下。就像下面我目前的PHP和HTML代碼中的圖像示例一樣，「user1」之後的部分應該在右邊，而不是在下面（和其餘部分相同）。PHP和HTML對齊的數據庫查詢和圖像鏈接

aligment

而且這是我現在使用的代碼。我正在使用一個while循環，並嘗試了幾個小時擺弄它，但沒有成功。請人幫忙嗎？

include"core/database/connect.php"; 

$query_pag_data = "SELECT V_TITLE,V_USERNAME from upload LIMIT $start, $per_page"; 
$result_pag_data = mysql_query($query_pag_data) or die('MySql Error' . mysql_error()); 
$msg = ""; 

while ($row = mysql_fetch_array($result_pag_data)) { 
$htmlmsg=htmlentities($row['V_USERNAME']); 
$msg .= "<a href='index.php'><img src='images/link_pic.png' alt='error' width='128' height='96'></a>" . "<li><b>" . $row['V_TITLE'] . "</b> " . $htmlmsg ."</li>"; 
} 

$msg = "<div class='data'><ul>" . $msg . "</ul></div>"; // Content for Data

我的CSS文件：

#container .data ul li{ 
list-style: none; 
font-family: verdana; 
margin: 5px 0 5px 0; 
color: #000; 
font-size: 13px; 
}

如果我添加「顯示：inline-block的;」以我的CSS（分別。數據），這是我得到：

aligment2

的文字說明，我想它是在黑色畫面下，而不是在它旁邊。

來源

2013-07-28 B.B10

環繞你<img>，並在<div>的<div>與.data類，然後添加display: inline-block;一些padding（爲漂亮的外觀），使他們都在同一行。

所以，你的代碼將現在是這樣的：

include"core/database/connect.php"; 

$query_pag_data = "SELECT V_TITLE,V_USERNAME from upload LIMIT $start, $per_page"; 
$result_pag_data = mysql_query($query_pag_data) or die('MySql Error' . mysql_error()); 
$msg = ""; 

while ($row = mysql_fetch_array($result_pag_data)) { 
$htmlmsg=htmlentities($row['V_USERNAME']); 

$msg .= "<div class='inline'><a href='index.php'><img src='images/link_pic.png' alt='error' width='128' height='96'></a>" . "<li><b>" . $row['V_TITLE'] . "</b> " . $htmlmsg ."</li></div>"; 
} 

$msg = "<div class='data'><ul>" . $msg . "</ul></div>"; // Content for Data

而且你的CSS是：

.inline { 
    display: inline-block; 
}

或者，如果可能的話，然後添加到您的.data類：

.data { 
    display:inline-block; 
}

來源

2013-07-28 13:36:12

嗨#Mohammad，感謝您的回覆。我仍然沒有得到我正在尋找的東西，而且我已經更新了您提出的更改。還增加了一個輸出結果的屏幕。請看一看。謝謝。 #Mohammad Areeb Siddiq –

添加另一個類'.inline'，然後複製'php'代碼和'複製第一個''css'代碼。 –

當您顯示物品本身時，此行：

$msg .= "<a href='index.php'><img src='images...

嘗試把id屬性，所以它看起來像：

$msg .= "<a href='index.php'><img id="nextTo" src='images

然後在你的CSS：

#nextTo{ 
    float: left; 
}

來源

2013-07-28 13:36:46

PHP和HTML對齊的數據庫查詢和圖像鏈接

回答

相關問題