Разместить горизонтальное меню по центру

seoyuzer
На сайте с 09.08.2010
Offline
57
5204

Привет всем обитателям форума,столкнулся я с небольшой проблемой переделывая тему на drupal.Дело в том что по умолчанию горизонтальное меню прижато к левому краю и так же я могу прижать его к правому но не как не могу его разместить по середине.Подскажите пожалуйста если кто знает как решите это проблему.

#primary {

position:absolute;
bottom:0;
right:10px;
}

#primary li {
border:none !important;
margin-left:2px;
padding:15px 0px; /* set to 0 in IE fix */
float:left; /* float is nececcary! for correct tabs*/
}

#primary a {
background:#9ACA31;
padding:15px;
font-size: 15px;
font-weight:bold;
color:#fff;
margin-left:2px; /*to equalize with li margin */
}

#primary a:hover, #primary a.active {
background:#2E2E2E url(img/tab.png) top left repeat-x;
text-decoration:none;
}

ul.links li.first {
border: none;
padding-left:0 !important;
}

ul.links li.last { padding-right:0 !important; }

seoyuzer добавил 22-09-2010 в 13:45

Я уже пробовал приписывать text-align:center;но ни чего не помогло.

Изготовление сайтов на Drupal 7
AlikZP
На сайте с 22.11.2009
Offline
107
#1

/ru/forum/545081

Тут я описывал решение вашей задачи

Website CMS: быстрая, удобная, недорогая! Вечная лицензия за 45$ (/ru/forum/524503) Яся - быстрый поиск фото для товаров. OpenCart/ocStore. Дополнение. (/ru/forum/665287) Грамотная верстка ваших макетов (/ru/forum/comment/8853216)
seoyuzer
На сайте с 09.08.2010
Offline
57
#2

AlikZP спасибо вам большое ваш пример мне помог только я сделал чуть по другому.

<div id="menu">

<ul class="links">
<li><a href="#">Главная</a></li>
</ul>
</div>

CSS

ul.links{

text-align:center;
margin:7px

}

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий