CSS樣式在一個12列網格

嘿傢伙，我需要一點點幫助site我正在努力。我試圖移動這兩個圖像，使它們並排放置在導航菜單的右側，如this。我已經嘗試使用浮動負責圖片和菜單所在列表的divs，但無濟於事。我在960網格系統中使用12列。這個（http://pastebin.com/nfrctRhS）是頁面的CSS代碼。我非常感謝你們提供的幫助，因爲我一直在這個問題上停留了一段時間。謝謝！如果你脫下你的股利#featured的圖像，並添加CSS樣式在一個12列網格

#featured { 
    width:100px; 
    float:left; 
}

來源

2011-03-13 moonkin

您是否已經開始工作了？就像在我的瀏覽器中一樣，它似乎並排排列。但是上面的

標籤和div＃main存在很多錯誤對齊。我會建議不要使用標題標記（HTML5），因爲它不受所有瀏覽器支持。使用居中包裝來包含身體的所有元素。這將修復頁面的對齊方式 – 2011-03-15 02:02:24

是的，我得到了它的工作。感謝所有的幫助！ – moonkin 2011-03-21 17:53:57

？

來源

2011-03-13 20:18:59

你是什麼意思「脫掉你的div＃特色圖像」？就像將圖像移出該div並進入父級

抱歉我的英語不好。是的像

之後移動圖像並添加我寫的css – 2011-03-13 20:36:19

好吧，我做了你說的並在網站上部署了它。正如你所看到的（http://goo.gl/EmO0o），除了菜單的寬度外，沒有什麼變化。出於某種原因，它看起來像浮動沒有效果。 – moonkin 2011-03-13 21:06:24

你的主要問題是導航有一個填充權：800px;這意味着導航欄內沒有空間供他們使用。

設置

header nav { padding-right:0px; }

爲所期望的結果。

來源

2011-03-13 21:32:02

CSS樣式在一個12列網格

回答

相關問題