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


Выравнивание По Нижнему Краю И Названия Категорий

каталог

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 3

#1 Максим Бакланов

Максим Бакланов

    Пользователь

  • Пользователи
  • PipPip
  • 16 сообщений
  • ГородМосква

Отправлено 11 Февраль 2020 - 16:04

1. Помогите выровнять картинки категорий по нижнему краю. Сейчас выравнивание по верхнему и смотрится некрасиво.
2. Очень нужно, чтобы названия категорий были видны постоянно, а не только при наведении мыши и чтобы серый фон под картинкой (не под названием категории) при этом не появлялся.
Аккаунт SL-495846

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

  • error.jpg


#2 Firefly

Firefly

    Активный участник

  • Модераторы
  • 3 792 сообщений

Отправлено 11 Февраль 2020 - 19:44

Просмотр сообщенияМаксим Бакланов (11 Февраль 2020 - 16:04) писал:

1. Помогите выровнять картинки категорий по нижнему краю. Сейчас выравнивание по верхнему и смотрится некрасиво.
2. Очень нужно, чтобы названия категорий были видны постоянно, а не только при наведении мыши и чтобы серый фон под картинкой (не под названием категории) при этом не появлялся.
Аккаунт SL-495846

2. Изменения Вам внесли.

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

#3 Максим Бакланов

Максим Бакланов

    Пользователь

  • Пользователи
  • PipPip
  • 16 сообщений
  • ГородМосква

Отправлено 11 Февраль 2020 - 19:56

Просмотр сообщенияFirefly (11 Февраль 2020 - 19:44) писал:

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

Дело в том, что у них размеры разные и самая маленькая (многоэтажный дом) выглядит больше всех. И видно, что картинки центрируются по верхнему краю таблицы. Сделайте центровку по нижнему краю и увидите о чём я

#4 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 23 947 сообщений

Отправлено 12 Февраль 2020 - 05:27

Здравствуйте.

Уточните пожалуйста, актуален ли еще ваш вопрос? Сейчас у вас иные изображения и стоят они ровно относительно друг друга.
Для выравнивания по нижнему краю зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.categories .item .image {display: table-cell;vertical-align: middle;width: 270px;height: 270px;}
.categories .item .image img {display: block;margin: 0 auto;max-width: 100%;}
.cat-info {display: inline-block;position: relative;overflow: hidden;width: 100%;vertical-align: middle;cursor: pointer;}

замените на:
.categories .item .image {display: table;width: 270px;height: 270px;}
.categories .item .image img {display: inline-block;margin: 0 auto;max-width: 100%;position: relative;}
.cat-info {display: table-cell;position: relative;overflow: hidden;width: 270px;vertical-align: bottom;cursor: pointer;height: 270px;}






Темы с аналогичным тегами каталог

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных