Перейти к содержимому

Реферальная программа Мегаплана

Партнерская программа Kredov

Проблемы с меню в шапке

#1 UnderControl

UnderControl
  • Пользователь
  • 23 сообщений
  • Репутация: 0
0

Отправлено 04 Март 2013 - 17:25

Здравствуйте! У меня такая проблема на сайте. Растягивается меню на сайте за счет длинных названий страниц. Пробовал найти кусок кода чтобы сделать в две строки название одной странице, безуспешно. Подскажите пожалуйста что можно сделать и вот сайт toriengels.ru

Прикрепленные изображения

  • Image 1.jpg

 

 

  • 0

#2 matroskin8

matroskin8
  • Пользователь PRO
  • 767 сообщений
  • Репутация: 143

Отправлено 04 Март 2013 - 18:18

Здравствуйте.
Как вариант, задать ширину для элементов меню. В файле стилей темы (style.css) находим строку под номером 95 и дописываем в нее ширину:
#nav li {
    float: left;
    margin-left: 5px;
    width: 87px; /* подбираем значение ширины */
}

Чтобы границы пунктов меню не скакали, можно добавить значение высоты для ссылок меню. Для этого находим в том же файле стилей правило на строке 99 и дописываем значение высоты:
#nav li.page_item a {
    background: url("images/nav.jpg") repeat-x scroll 0 0 #000000;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #818080;
    border-right: 1px solid #000000;
    color: #FFFFFF;
    display: block;
    font: 11px/100% Arial,Helvetica,sans-serif;
    padding: 50px 10px;
    text-decoration: none;
    text-transform: uppercase;
    height: 10px; /* подбираем высоту */
}

  • 1


#3 UnderControl

UnderControl
    Topic Starter
  • Пользователь
  • 23 сообщений
  • Репутация: 0

Отправлено 04 Март 2013 - 19:23

Огромное спасибо! Исправил. Ещё вопросик, думаю тоже для Вас не сложный. Где поменять ориентацию текста. т.е. чтобы название страниц в шапке были по центру. а то они по левую сторону ориентируются.
  • 0

#4 matroskin8

matroskin8
  • Пользователь PRO
  • 767 сообщений
  • Репутация: 143

Отправлено 04 Март 2013 - 22:51

Где поменять ориентацию текста. т.е. чтобы название страниц в шапке были по центру. а то они по левую сторону ориентируются.

А вот в той же строке 99 задать центрирование текста ссылок:
#nav li.page_item a {
    background: url("images/nav.jpg") repeat-x scroll 0 0 #000000;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #818080;
    border-right: 1px solid #000000;
    color: #FFFFFF;
    display: block;
    font: 11px/100% Arial,Helvetica,sans-serif;
    height: 10px;
    padding: 50px 10px;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center; /* центрируем */
}

  • 1


#5 UnderControl

UnderControl
    Topic Starter
  • Пользователь
  • 23 сообщений
  • Репутация: 0

Отправлено 12 Март 2013 - 11:12

Спасибо огромное! Добра вам!
  • 0


Оформление форума – IPBSkins.ru