幫助與CSS佈局

我試圖重新創建下面的屏幕截圖中看到以下佈局。幫助與CSS佈局

screen shot of layout

我想問最新最好的方式去創建菜單和內容部分..即時通訊沒有關於如何加入與內容部分所選擇的菜單選項十分清楚，任何意見將是巨大的

我也應該使用ul/li的菜單？

頂部的菜單欄（其中是說創建）我應該使用一個大的股利，每個項目跨度內？

感謝您的幫助

來源

2011-07-27 Mark

使用[Firebug]（http://getfirebug.com）或Chrome控制檯右鍵單擊，檢查元素，你可以看到他們是如何做到的。 :)（注意，這是一個JIRA項目屏幕。） –

例如，左邊的選項卡按鈕是UL列表。 –

我剛剛得到一個截圖.... :( – Mark

爲了重現這種佈局中，你將需要學習各種概念。

首先，如何設計一個無序列表（<ul><li>）作爲導航工作。

其次，您需要了解如何定位元素，可以使用float:left|right或position:absolute|relative。

最後，也許最重要的是，您需要了解如何使用Google Chrome的開發人員工具或Mozilla Firefox的Firebug，因爲這些是閱讀和編寫html/css不可或缺的工具。具體來說，您需要使用這些工具來檢查其他網站的代碼，以瞭解他們是如何實現其設計的。這也許是學習代碼的最佳方法之一（至少它是給我的）。

提供關於如何做所有這些的詳細描述將需要很長時間，並且真正降低您從Google搜索獲得的寶貴學習體驗，在原始源代碼中擺弄，並嘗試在您自己的站點中重新創建。如果在該階段的任何時候您都遇到了麻煩，那麼請務必返回到計算器並尋求幫助:)

來源

2011-07-27 02:38:25 Moses

幫助與CSS佈局

回答

相關問題