Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Помогите выровнять пункты меню от центра!


oli413

Recommended Posts

Добрый вечер!

Помогите, пожалуйста!!! Нужно, чтобы пункты меню на сайте были выровнены от центра (сейчас все от левого края). Как сделать не знаю. Вот css:

 

#menu {
background-color:#0077c5;
width:100%;
z-index:23;
top:0
}
.sf-menu {
position: relative;
margin: 0;
padding: 0;
list-style: none;
}
ul.sf-menu > li:first-child {
background:none;
margin: auto;
 
}
ul.sf-menu > li {
        float: left;
z-index: 10;
position:relative;
border-radius:0;
padding:25px 16px;
background:url(../image/sep-1.png) no-repeat left center;
}
ul.sf-menu > li > a {
z-index: 1;
position: relative;
font-size:22px;
font-weight:bold;
color:#fff;
text-decoration:none;
line-height:30px;
text-transform:uppercase;
}
ul.sf-menu > li.current>a,
ul.sf-menu > li>a:hover,
ul.sf-menu > li.sfHover>a,
ul.sf-menu > ul > li.active>a  {
color:#0bb559
}
.sf-menu .sf-mega {
display: none;
z-index: 99;
position: absolute;
z-index: 5;
background-color:#363636;
left:0;
top:61px
}
 
Надіслати
Поділитися на інших сайтах


#menu {
text-align: center;
}

ul.sf-menu > li {
float: left; - убрать
display: inline-block; - добавить
}

Змінено користувачем mazein
Надіслати
Поділитися на інших сайтах

 

Спасибо, помогло. Правда, в Мазилле, будь она не ладна, меню расползлось на 2 строки в итоге. там что-то связано с масштабированием, я так понимаю. Пока уменьшила шрифт. Не подскажете какой-нибудь выход, чтобы и без этого в мазилле не переносилась строка?

Надіслати
Поділитися на інших сайтах


там что-то связано с масштабированием, я так понимаю

 

Что за масштабирование?

Ссылка на сайт будет?

Надіслати
Поділитися на інших сайтах

Так оставить не вариант? 

Да в принципе вариант. Просто, если верстка не кроссбраузерная, боюсь еще где-нибудь, что-то поедет при последующих изменениях.)

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.