大傢好！
我用Views module 和image module 實現圖片類文章列錶顯示（縮略圖＋文章標題，上圖下標題），現在做了一個image分類的圖片列錶顯示頁，默認的是一列顯示，很難看，如何讓它兩列或更多列顯示？
請指教，謝謝！
請教：兩列顯示圖片文章列錶
大傢好！
我用Views module 和image module 實現圖片類文章列錶顯示（縮略圖＋文章標題，上圖下標題），現在做了一個image分類的圖片列錶顯示頁，默認的是一列顯示，很難看，如何讓它兩列或更多列顯示？
請指教，謝謝！
分列顯示圖片和標題
下面的程式碼默認是一列顯示，我想改為兩列顯示
<div class="view-label view-field-nid"><?php print $nid_label ?>
</div>
<div class="view-field view-data-nid">
<?php print $nid?>
</div>
<div class="view-label view-field-title">
<?php print $title_label ?>
</div>
<div class="view-field view-data-title">
<?php print $title?>
</div>
嘗試用
<ul><li>,但還是顯示一列：）<style>
* {
margin:0;
padding:0;
}
.photo {
list-style:none;
margin:0;
padding:6;
width:500px;
}
.photo li,.photoli p {
text-align:center;
float:left;
width:180px;
}
</style>
<ul class="photo">
<li>
<?php print $nid_label ?>
<?php print $nid?>
<p>
<?php print $title?>
</p>
<?php print $title_label ?>
</li>
</ul>
請指教，謝謝！
這些程式碼看起來沒
這些程式碼看起來沒什麼問題，可能要看實際狀況才知道，是不是裡面有其他tag破壞了兩行顯示。
謝謝囬復。 是的 上面
謝謝囬復。
是的
上面的ul li 夾在了drupal.css定義的item-list的ul li中間
<!-- begin content --><div class='view view-image_list'><div class="item-list"><ul><li>圖片列錶ul li</li></ul>脩改暸item-list也不行，不知道drupal那個地方控製輸齣
今天又搞了一天，頭
今天又搞了一天，頭都暈了 ：（ 。
感覺不是css能搞定的，誠請高手們幫助，非常感謝！
要不要給個網址?
要不要給個網址?
哦，抱歉，我是在本
哦，抱歉，我是在本地試用drupal,還沒有買主機。
找到了控製顯示的函數了
includes/theme.inc ----->function theme_item_list()
function theme_item_list($items = array(), $title = NULL, $type = 'ul') {
$output = '<div class="item-list">';
if (isset($title)) {
$output .= '<h3>'. $title .'</h3>';
}
if (!empty($items)) {
$output .= "<$type>";
foreach ($items as $item) {
$output .= '<li>'. $item .'</li>'; // have a li
}
$output .= "</$type>";
}
$output .= '</div>';
return $output;
}
跟 theme_item_list
跟 theme_item_list 好像沒啥關係，您可以把您在本機上所顯示的網頁的原始碼，複製一段上來看看。
顯示網頁原始碼
<!-- begin content --><div class='view view-image_list'><div class="item-list">
<ul>
<li>
<style>
* {
margin:0;
padding:0;
}
.photo {
list-style:none;
margin:0;
padding:6;
width:500px;
}
.photo li,.photoli p {
text-align:center;
float:left;
width:180px;
}
</style>
<ul class="photo">
<li>
<a href="/tkd/?q=node/38"><img src="http://localhost/tkd/files/images/IS073-057.thumbnail.jpg" alt="跆拳道介紹" title="跆拳道介紹" class="image thumbnail" width="160" height="106" /></a>
<p>
<a href="/tkd/?q=node/38">跆拳道介紹</a>
</p>
</li>
</ul>
</li>
<li>
<style>
* {
margin:0;
padding:0;
}
.photo {
list-style:none;
margin:0;
padding:6;
width:500px;
}
.photo li,.photoli p {
text-align:center;
float:left;
width:180px;
}
</style>
<ul class="photo">
<li>
<a href="/tkd/?q=node/36"><img src="http://localhost/tkd/files/images/xinsrc_42204032108191402684056.thumbnail.jpg" alt="韓國網路美女" title="韓國網路美女" class="image thumbnail" width="160" height="104" /></a>
<p>
<a href="/tkd/?q=node/36">韓國網路美女</a>
</p>
</li>
</ul>
</li>
</ul>
這樣循環，使
<li></li>中包含了<ul><li></li></ul>變成
<ul><li><ul><li>....</li></ul></li></ul>這樣是不對，不需要
這樣是不對，不需要這麼多style和ul，應該變成這樣：
<style>
* {
margin:0;
padding:0;
}
.photo {
list-style:none;
margin:0;
padding:6;
width:500px;
}
.photo li,.photoli p {
text-align:center;
float:left;
width:180px;
}
</style>
<div class='view view-image_list'><div class="item-list">
<ul class="photo">
<li>
<a href="/tkd/?q=node/38"><img src="http://localhost/tkd/files/images/IS073-057.thumbnail.jpg" alt="跆拳道介紹" title="跆拳道介紹" class="image thumbnail" width="160" height="106" /></a>
<p>
<a href="/tkd/?q=node/38">跆拳道介紹</a>
</p>
</li>
<li>
<a href="/tkd/?q=node/36"><img src="http://localhost/tkd/files/images/xinsrc_42204032108191402684056.thumbnail.jpg" alt="韓國網路美女" title="韓國網路美女" class="image thumbnail" width="160" height="104" /></a>
<p>
<a href="/tkd/?q=node/36">韓國網路美女</a>
</p>
</li>
</ul>
謝謝囬應！知道這裏
謝謝囬應！知道這裏有問題，摸索暸好多天就是弄不好.
你有去看過 A List Apart
你有去看過 A List Apart 上的這篇CSS Swag: Multi-Column Lists嗎?
謝謝囬應！ 看過，感
謝謝囬應！
看過，感覺這裏的問題應該不是css的問題，可能是解決問題的方嚮錯暸，是不是要從程序方麵研究？但我的php知識可能解決不暸這個問題。