Как центрировать навигацию по ул?

0

Я пытаюсь сосредоточить навигацию в верхней части этой страницы: 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">&nbsp;</li>
</ul>
</div>

Кто-нибудь видит, что нужно исправить? Я уверен, что это что-то глупое, что я продолжаю игнорировать, но не могу найти его LOL...

  • 0
    (не о центрировании ...) Вы не должны id="inactive" более одного раза. DOM просто откажется от всего, кроме первого. Вы, вероятно, хотите, чтобы class="inactive" .
  • 0
    inactive не содержит стилей, но IDs должны быть уникальными!
Показать ещё 2 комментария
Теги:

2 ответа

0
Лучший ответ

измените 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;
}
0

Попробуй это:

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

Я думаю, вы хотите центрировать все меню, а не текст каждого меню, поскольку оно уже сосредоточено. Это то, что вы хотите? Надеюсь это поможет.

  • 0
    Просто попробовал это, и это не сработало, но то, о чем вы говорите, это именно то, что я ищу.
  • 0
    Это оставит некоторое пространство, все 3 вещи не будут выровнены!
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню