Сообщений в теме: 9

[Andrew S.]

Добрый день.

Вот как на планшете видно:



Все названия смещены влево. Я не смог найти тему в которой мы выставляли их по центру для компьютера. На компьютере встало всё ровно. Но при проверке на планшете выявилось, что названия криво стоят.

Помогите, пожалуйста, поставить их по центру по горизонтали.

Как видно на ПК, всё ровно:

[Danil]

Andrew S. (03 Март 2015 - 15:07) писал:

Добрый день.

Вот как на планшете видно:

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;
}

[Andrew S.]

Danil (03 Март 2015 - 15:15) писал:

Здравствуйте.
В 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;
}

Сейчас на компьютере названия не отображаются по центру по вертикали. Помогите вернуть это.

[Andrew S.]

Учтите, что скорей всего последняя инструкция повлияла ещё на блок просмотренных товаров, где цена и кнопка "в корзину" уползли вверх.

[Andrew S.]

Названия не отображаются по центру по вертикали. Что делать? Инструкция испортила то, что было!

[Andrew S.]

Я создам отдельную тему по этим проблемам.

[Vaccina]

В main.css найдите:

.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.: не стоит создавать отдельную тему, лучше продолжать дискуссию вопроса на том же месте, чтобы мы могли просмотреть прошлые переписки и на их основе проконсультировать

[Andrew S.]

Vaccina (05 Март 2015 - 04:32) писал:

В main.css найдите:

.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.: не стоит создавать отдельную тему, лучше продолжать дискуссию вопроса на том же месте, чтобы мы могли просмотреть прошлые переписки и на их основе проконсультировать

Остаётся на планшете проверить..

[Andrew S.]

Вот например в браузере Maxthon всё отображается как до изменений:



В просмотренных товарах - всё вверху прилипшее и в названиях каталога - они не по центру.

Хороший браузер, кстати, очень.

[Vaccina]

Уточните пожалуйста, изменения исправили положение в других браузерах? Никто и не спорит, что тот или иной браузер хорош, у каждого свои предпочтения и мнения, но те же верстальщики проверяют сайты только на популярных браузерах, таких как:
- google chrome
- opera
- mozilla
- safari
- ie

Править верстку на менее популярные браузеры бессмысленно ибо процент их использования низок