2016-11-24 76 views
0

我想打一個頁腳,看起來是這樣的:頁腳 - 使用表格還是嵌套的UL?


Item  |   Title   | Image 
Item  | Item   Item | 
Item  | Item   Item | FB T Icons 
Item  | Item   Item | Item 

這將是一個固定的寬度(900px),我將使用不同的設計,較小的屏幕/移動。中間的列是邊長的兩倍,即225px/550px/225px,但是頂部標題需要居中,而下面的項目是兩列。

需要一些樣式(塊之間和上下方之間的分隔線)。

我是新來的編碼。我應該使用嵌套的UL,還是使用表來實現這一點?

感謝您的幫助。

回答

1

表不應該用於建築佈局。我會使用UL和標頭。 快速示例:

<ul class="column"> 
    <li>Item</li> 
</ul> 
<div class="column column-2x"> 
    <header>Title</header> 
    <ul class="column"> 
     <li>Item</li> 
    </ul> 
    <ul class="column"> 
     <li>Item</li> 
    </ul> 
</div> 
<ul class="column"> 
    <li>Item</li> 
</ul> 
+0

感謝您的建議 – ts123