Я пытаюсь сосредоточить навигацию в верхней части этой страницы: http://www.escalatehosting.com/cloud-hosting.php
<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"> </li>
</ul>
</div>
Кто-нибудь видит, что нужно исправить? Я уверен, что это что-то глупое, что я продолжаю игнорировать, но не могу найти его LOL...
измените id="inactive"
на class"inactive"
чтобы сделать его семантически правильным. затем поместите все свои стили в css
а не inline, поскольку inline всегда будет переписывать внешний 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;
}
Попробуй это:
.menu{
margin:0 auto;
width: 98%;
}
Я думаю, вы хотите центрировать все меню, а не текст каждого меню, поскольку оно уже сосредоточено. Это то, что вы хотите? Надеюсь это поможет.
id="inactive"
более одного раза. DOM просто откажется от всего, кроме первого. Вы, вероятно, хотите, чтобыclass="inactive"
.IDs
должны быть уникальными!