css align table

我是新來的HTML和我有問題移動表下的頁面。 http://tinypic.com/view.php?pic=eqdpjb&s=7。我嘗試設置'margin-top：400';'這可以工作，但頂部的導航欄（我使用導航'嚮導'在Dreamweaver中創建的）也移動到頁面的底部！我怎樣才能解決這個問題？我想在不影響導航欄的情況下移動表格而不會影響到我！css align table

CSS

table{ 
    background: whitesmoke; 
    border-collapse: collapse; 
    margin-right: auto; 
    margin-bottom: 0; 
    margin-left: auto; 
}

來源

2011-08-25 Spike Lee

你可以張貼一些你的HTML嗎？ – Nayish

如果要添加到margin-top: 400px;table和它也移動導航，那麼，要麼是指導航也是table或導航是table內。

如果導航也是table你將不得不放棄下表中的唯一id，然後添加到margin只id。

如果導航位於table之內，請將其放在它自己的div中。

如果沒有上述內容，您將不得不發佈一些HTML。

來源

2011-08-25 12:31:13 Kokos

你可以展示一個關於如何給它分配一個id的例子嗎？ –

將'

'更改爲'

「，然後'#content {margin-top：400px; }' – Kokos

謝謝，它工作。 –

試試這個：

table { 
background: whitesmoke; 
border-collapse: collapse; 
margin-right: auto; 
vertical-align: bottom; 
margin-left: auto; 
}

希望工程爲您服務！ :)

來源

2011-08-25 12:31:49 Akos

您的問題是，您的導航定位相對於您的表，所以當您添加一個保證金也導航獲得保證金。

的解決辦法是負邊距添加到您的導航，如下所示：

#navigationId { 
    margin-top: -400px; 
}

來源

2011-08-25 12:33:51 Nayish

從長期來看，我建議你使用IDE學習手工代碼，比如NetBeans的或簡單的編輯器，作爲記事本++。使用Dreamweaver是非常好的，但除非你瞭解代碼的工作方式，否則你總會遇到類似的挫折。一個很好的資源，瞭解HTML和CSS是W3Schools的www.w3schools.com

很好的一本書上的CSS是CSS缺失手冊（O'Reilly出版）

您可能會發現在一開始這一切的速度較慢，但你最終會寫出更乾淨更快的代碼。

來源

2011-08-25 12:35:09 user466764

確保表格和導航欄位於兩個單獨的標籤中，這兩個標籤都位於第三個div中。

通過在div上使用margin-top與表格，您將強制從第三個容器div的頂部向下整個div。確保擺脫表css聲明中的margin-top內容。

例如，導航代碼在這裏。表這裏

來源

2011-08-25 12:37:31

相關問題

css align table

回答

相關問題