2012-06-08 57 views
0

我使用那種列表和編輯我的文件的描述:http://jsfiddle.net/GSC3x/5/簡單地說,當點擊文件名時,它會在頁面中間打開一個jquery表單,但假設我有幾個不同名稱的文件,然後這件事看起來很難看如何使我的文件列表看起來更好用(出)使用表?

(我的情況:http://derivativeofln.com/files.png)。

我想在單個頁面上這樣列出三列,我在考慮使用表格,但是當我嘗試這樣做時,當我單擊其中一個文件名時,我的jQuery表單無法打開。

你建議在這裏使用什麼?謝謝!

@@ UPDATE

這裏的(http://derivativeofln.com/fileslist.png)使用

li {float:left; width:200px; 

但現在我只有一個專欄中,我怎麼可以開始我的列表從頁面頂部的第二列(作爲第一個開始)?

+0

[本示例](http://jsfiddle.net/GSC3x/6/)不是您的問題的答案,它只應顯示如何減少html(避免冗餘代碼)。 – scessor

回答

2

你應該使用foating li's。添加到您的CSS:

li {float:left; width:200px;} 

調整寬度到你的頁面的寬度由3

+0

+1我認爲這會很好。 – KiiroSora09

+0

我的一個問題解決了,你能否看看我的第一篇文章中的更新?謝謝! – pawel

+0

好吧,就像我說的:調整寬度。如果你的頁面寬度是300px,那麼你應該設置'li {float:left; width:150px;}'獲得2列。 – iddo

1

分割使用此

ul{ 
float: left; 
width: 210px; /* The width of the column */ 
} 

li{ 
width:200px; 
} 

然後結束第一UL和啓動時,你想要一個新的UL另一列。

+0

感謝您的關注,不幸的是我只能接受一個答案,但謝謝! – pawel

+0

沒問題的隊友! Alwyays有很好的替代品嗎?乾杯! – Playmaker

相關問題