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

Как выровнять меню по ширине


Recommended Posts

Блок меню и контента имеют разную ширину.

Как изменить css чтобы они были одинаковой ширины?

#menu {
    background-color: #252424;
    background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
    background-repeat: repeat-x;
    border-color: #252424 #252424 #252424;
    min-height: 40px;
        
}
#menu .nav > li > a {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    padding: 10px 15px 10px 15px;
    min-height: 15px;
    background-color: transparent;
    }

Без имени-1.jpg

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


Это не лишний .row, это стандартная разметка страницы

Эффект проявляется при задании цвета фона для блоков body и #content

Навскидку:

.container> .breadcrumb + .row {

margin-left: 0;

margin-right: 0;

}

тем самым просто "убиваем" стили блока div.row, следующего непосредственно за Хлебными крошками

На малых экранах будут одинаковые поля по 15 пикселей слева и справа.

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


В 02.08.2017 в 10:27, jaffagold сказал:

Это не лишний .row, это стандартная разметка страницы

Эффект проявляется при задании цвета фона для блоков body и #content

Навскидку:

.container> .breadcrumb + .row {

margin-left: 0;

margin-right: 0;

}

тем самым просто "убиваем" стили блока div.row, следующего непосредственно за Хлебными крошками

На малых экранах будут одинаковые поля по 15 пикселей слева и справа.

спасибо! это решение помогло. но остался один нюанс. на главной странице размер поля контент осталось шире чем меню. как это решить?

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


.common-home .container + .container> .row {

margin: 0;

}

сужает границы контента

можно сделать общим блоком

 

.container> .breadcrumb + .row,

.common-home .container + .container > .row {

margin-left: 0;

margin-right: 0;

}

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


Это стандартный row стандартного шаблона.

Завтра захочется вернуться к обычному виду- достаточно удалить пару стилей, а не лезть в tpl, вспоминать, что и где выпиливали.

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


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

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

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

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

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

Вхід

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

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

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

Important Information

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