2011-07-19 99 views
-2

有人可以看我的樣式表,並告訴我如何獲得第二行菜單,它說登錄,註冊,刪除廣告以第二行爲中心?我無法弄清楚CSS樣式表格式幫助

這裏是我的樣式表:http://pastebin.com/dCkgJK54

這裏就是菜單實現:http://pastebin.com/Nvrz4RZf

非常感謝..它是一個WordPress主題。

下面是該網站需要它,如果它是有幫助的:http://artistpromotion.net78.net/

+1

你不應該有多個具有相同'id'的元素 - 它們應該是唯一的。 – Nightfirecat

回答

2

所以,第二個菜單的UL#tpmn需要這些規則適用於它:

margin:0 auto; 
position:static; 
overflow:hidden; 
display:block; 

此外,良好的措施,你也應該將text-align:center應用於其包含的元素。

此外,似乎有多個UL具有相同的ID(#tpmn)。你應該給他們其中一個不同的ID以避免衝突。

1

通常情況下,您可以使用自動邊距將靜態元素居中。來自W3C:

如果'margin-left'和'margin-right'都是'auto',他們使用的值 是相等的。這將元素相對於包含塊的邊緣進行水平居中。

http://www.w3.org/TR/CSS21/visudet.html#blockwidth

應用到你的網站:

#tpmn { 
    margin: 0 auto; 
    width: 300px; 
} 
0

嗯,這應該很容易,但是你的頁面的格式與不少CSS錯誤。馬上我注意到有幾個列表項都具有相同的「cts」標識。這些應該被賦予類,因爲id需要是唯一的。嘗試通過w3c css驗證器運行您的文件:http://jigsaw.w3.org/css-validator/

一旦您的頁面格式正確,您可以在父容器上使用文本對齊中心,或者如果您必須將它們完全按原樣放置,請給父容器的寬度,將其放置50%,並給它一個寬度的一半的負餘量左邊。如果你仍然有麻煩,把它放在一個小提琴(jsfiddle.net),它會更容易幫助你。