[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Вопросы с версткой паджинатора и бордюром навигаци
mstdmstd
Всем привет

на странице http://138.68.107.4/news есть паджинатор с большим кол-вом ссылок и хотелось бы
1) чтобы ячейкм с ссылками располагались
равномерно и не вылазили за news_pagination_container контейнера
https://prnt.sc/ok818r

2) На элементе nav есть бордюр справа
https://imgur.com/a/vMqnzIl
но непонятно почему где есть элементы меню бордюр удвоенный
Если в инспекторе убрать border-right - то бордюр убирается
Как убрать сдвоенность?

Спасибо!
walerus
эти стили переписать так:
.news_pagination_container {
border: 1px solid #c2c2c2;
padding: 0 20px;
}

.pagination[data-v-60bf1566] {
}



на элементе data-v-60bf1566, который указан "мышкой" (см.фото), нужно прописать стили которые в инспекторе. результат там же.
walerus
Цитата
чтобы ячейкм с ссылками располагались
равномерно и не вылазили за news_pagination_container контейнера

Они и будут располагаться равномерно, пока ты не уменьшишь экран, тогда они начнут "сползать" на 2ю строку, и "раскидываться по блоку", как у тебя на фото... что бы этого не было, нужно медиазапрос писать "justify-content: flex-start;", что бы элементы шли друг за другом.
walerus
2)
SiteMaster
Цитата (mstdmstd @ 26.07.2019 - 10:14)
1) чтобы ячейкм с ссылками располагались
равномерно и не вылазили за  news_pagination_container контейнера
https://prnt.sc/ok818r

Уберите фиксированную высоту для .pagination[data-v-60bf1566]
Там сейчас стоит height: 40px; и второй ряд кнопок просто не помещается.
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2025 Invision Power Services, Inc.