如何在ul中導航？

我想在這個頁面的頂部居中導航：http://www.escalatehosting.com/cloud-hosting.php 如何在ul中導航？

<div class="menu" style="text-align: center;"> 
<ul id="treemenu1" style="width:1000px;display: inline-block;margin: 0;padding: 0;zoom:1;*display: inline;"> 
<li><a href="http://www.escalatehosting.com/website-hosting.php" id="inactive">Website Hosting</a></li> 
<li><a href="http://www.escalatehosting.com/cloud-hosting.php" id="inactive">Cloud Hosting</a></li> 
<li><a href="http://www.escalatehosting.com/reseller-hosting.php" id="inactive">Reseller Hosting</a></li> 
<li><a href="http://www.escalatehosting.com/virtual-hosting.php" id="inactive">Virtual Servers</a></li> 
<li><a href="http://www.escalatehosting.com/dedicated-servers.php" id="inactive">Dedicated Servers</a> </li> 
<li><a href="http://www.escalatehosting.com/affiliate-program.php" id="inactive">Affiliate Program</a></li> 
<li class="last">&nbsp;</li> 
</ul> 
</div>

有誰看到需要修正什麼呢？我敢肯定，這是愚蠢的東西，我保持俯瞰，但似乎無法找到它大聲笑...

來源

2013-12-22 user2970202

（不是關於居中......）你不應該多次指定'id =「inactive」。 DOM只會放棄第一個。你可能想'class =「inactive」'。 –

不活動不包含任何樣式，但'ID'應該是唯一的！ –

這是什麼導致問題與整個UL中心？ – user2970202

更改id="inactive"到class"inactive"使其語義正確。然後，把你所有的造型中css而非直列內聯總會在寫你的外部CSS

檢查這個DEMO，你只需要採取#treemenu1

CSS的護理

.menu { 
    width:98%; 
    margin: 0 auto; 
    text-align:center; 
    border:1px solid #000; 
} 
.menu > #treemenu1 { 
    width:30%; 
    text-align:left; 
    margin: 0 auto; 
    border:1px solid #CCC; 
}

來源

2013-12-22 06:26:58 NoobEditor

試試這個：

.menu{ 
margin:0 auto; 
width: 98%; 
}

我覺得要居中整個菜單的每一個不是文本因爲它已經居中。是你想要的嗎？希望這可以幫助。

來源

2013-12-22 06:22:42

剛剛嘗試過，它不起作用，但你在說什麼正是我要找的。 – user2970202

這會留下一些空間，所有3件事情不會對齊！ –

我認爲你在菜單的HTML標記中做了一些錯誤，這造成了與菜單居中有關的一些問題。我正在檢查一些並在幾分鐘內回覆你。 –

如何在ul中導航？

回答

相關問題