0
Поставить По Центру Наименования Каталогов
Автор Andrew S., 03 марта 2015 15:05
Сообщений в теме: 9
#1
Отправлено 03 Март 2015 - 15:07
Добрый день.
Вот как на планшете видно:
Все названия смещены влево. Я не смог найти тему в которой мы выставляли их по центру для компьютера. На компьютере встало всё ровно. Но при проверке на планшете выявилось, что названия криво стоят.
Помогите, пожалуйста, поставить их по центру по горизонтали.
Как видно на ПК, всё ровно:
Вот как на планшете видно:
Все названия смещены влево. Я не смог найти тему в которой мы выставляли их по центру для компьютера. На компьютере встало всё ровно. Но при проверке на планшете выявилось, что названия криво стоят.
Помогите, пожалуйста, поставить их по центру по горизонтали.
Как видно на ПК, всё ровно:
#2
Отправлено 03 Март 2015 - 15:15
Andrew S. (03 Март 2015 - 15:07) писал:
Добрый день.
Вот как на планшете видно:
030320152974.jpg
Все названия смещены влево. Я не смог найти тему в которой мы выставляли их по центру для компьютера. На компьютере встало всё ровно. Но при проверке на планшете выявилось, что названия криво стоят.
Помогите, пожалуйста, поставить их по центру по горизонтали.
Как видно на ПК, всё ровно:
PC.png
Вот как на планшете видно:
030320152974.jpg
Все названия смещены влево. Я не смог найти тему в которой мы выставляли их по центру для компьютера. На компьютере встало всё ровно. Но при проверке на планшете выявилось, что названия криво стоят.
Помогите, пожалуйста, поставить их по центру по горизонтали.
Как видно на ПК, всё ровно:
PC.png
В main.css найдите код
.categoriesList .item-box h4 { display: block; overflow: hidden; text-align: center; width: 150px; }и замените на
.categoriesList .item-box h4 { display: block; overflow: hidden; text-align: center; width: 100%; }найдите
.categoriesList .item-box .title { display: table-cell; height: 52px; position: relative; vertical-align: middle; }замените на
.categoriesList .item-box .title { display: block; height: 52px; position: relative; vertical-align: middle; }
#3
Отправлено 04 Март 2015 - 09:18
Danil (03 Март 2015 - 15:15) писал:
Здравствуйте.
В main.css найдите код
В main.css найдите код
.categoriesList .item-box h4 { display: block; overflow: hidden; text-align: center; width: 150px; }и замените на
.categoriesList .item-box h4 { display: block; overflow: hidden; text-align: center; width: 100%; }найдите
.categoriesList .item-box .title { display: table-cell; height: 52px; position: relative; vertical-align: middle; }замените на
.categoriesList .item-box .title { display: block; height: 52px; position: relative; vertical-align: middle; }
#4
Отправлено 04 Март 2015 - 09:33
Учтите, что скорей всего последняя инструкция повлияла ещё на блок просмотренных товаров, где цена и кнопка "в корзину" уползли вверх.
#5
Отправлено 04 Март 2015 - 18:00
Названия не отображаются по центру по вертикали. Что делать? Инструкция испортила то, что было!
#6
Отправлено 04 Март 2015 - 18:20
Я создам отдельную тему по этим проблемам.
#7
Отправлено 05 Март 2015 - 04:32
В main.css найдите:
замените на:
P.S.: не стоит создавать отдельную тему, лучше продолжать дискуссию вопроса на том же месте, чтобы мы могли просмотреть прошлые переписки и на их основе проконсультировать
.categoriesList .item-box .title { display: block; height: 52px; position: relative; vertical-align: middle; } .categoriesList .item-box h4 { display: block; overflow: hidden; text-align: center; width: 100%; }
замените на:
.categoriesList .item-box .title { display: table; height: 52px; position: relative; vertical-align: middle; width: 100%; } .categoriesList .item-box h4 { display: table-cell; overflow: hidden; text-align: center; vertical-align: middle; width: 100%; }
P.S.: не стоит создавать отдельную тему, лучше продолжать дискуссию вопроса на том же месте, чтобы мы могли просмотреть прошлые переписки и на их основе проконсультировать
#8
Отправлено 13 Март 2015 - 23:22
Vaccina (05 Март 2015 - 04:32) писал:
В main.css найдите:
замените на:
P.S.: не стоит создавать отдельную тему, лучше продолжать дискуссию вопроса на том же месте, чтобы мы могли просмотреть прошлые переписки и на их основе проконсультировать
.categoriesList .item-box .title { display: block; height: 52px; position: relative; vertical-align: middle; } .categoriesList .item-box h4 { display: block; overflow: hidden; text-align: center; width: 100%; }
замените на:
.categoriesList .item-box .title { display: table; height: 52px; position: relative; vertical-align: middle; width: 100%; } .categoriesList .item-box h4 { display: table-cell; overflow: hidden; text-align: center; vertical-align: middle; width: 100%; }
P.S.: не стоит создавать отдельную тему, лучше продолжать дискуссию вопроса на том же месте, чтобы мы могли просмотреть прошлые переписки и на их основе проконсультировать
#10
Отправлено 14 Март 2015 - 05:51
Уточните пожалуйста, изменения исправили положение в других браузерах? Никто и не спорит, что тот или иной браузер хорош, у каждого свои предпочтения и мнения, но те же верстальщики проверяют сайты только на популярных браузерах, таких как:
- google chrome
- opera
- mozilla
- safari
- ie
Править верстку на менее популярные браузеры бессмысленно ибо процент их использования низок
- google chrome
- opera
- mozilla
- safari
- ie
Править верстку на менее популярные браузеры бессмысленно ибо процент их использования низок
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных