0 Пользователей и 1 Гость просматривают эту тему.
  • 0 Ответов
  • 637 Просмотров
*

martmedia

  • Осваиваюсь на форуме
  • 14
  • 0 / 0
Все мозги сломал.
Товар в одном из вариантов, расположил плиткой.
Задача слудующая:
  • Первая и последняя плитки должны быть вплотную к краям дива, таблицы, документа.. Тоесть не иметь своих отступов
  • Все плитки должны быть абсолютно одинаковой ширины
  • Расстояние между плитками должно быть абсолютно одинаковое
Как я пытался решить проблемму:

Вариант 1:
  • Как и задумана изачально разработчиками, рисуются дивы, к которым приписывается класс, зависящий от того, сколько товаров в ряду. Логично и удобно
  • Чуть больше текста, но более масштабируемый код - внутри каждого такого дива, или ячейки таблицы (кому как удобнее), ещё один div, который уже с товаром.
  • Нашёл в цикле вывода последний элемент в ряду и приписал к нему класс - последний
  • Далее (наивная идиотина) - в CSS пишу для дива, который внутри - слева не отступать, справа и снизу отступать столько, сколько мне нужно + для дива с классом "последний" справа ничего не отступать
  • Получаю само собой кривой вариант - последний div оказывается шире на размер отступа остальных (в моём случае 10 пикселей)
Вариант 2:
  • Нашёл в цикле первы товар в ряду и добавил к нему класс "первый"
  • От первого отступ вправо, от последнего влево, от остальных вдвое меньший отступ, но в обе стороны. Разумеется вариант ещё более наивный. получается 2 побольше, 2 поменьше

Собственно суть вопроса. Как решить данную задачку не устанавливая ширину фиксированную шириу дивов с товарами? Кто как решает подобные задачи?

Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Кнопка "Добавить в список желаний" в общем списке товаров

Автор gavruwa

Ответов: 20
Просмотров: 15233
Последний ответ 06.05.2021, 10:22:03
от musstudent
Где посмотреть варианты карточки товара

Автор itbc

Ответов: 3
Просмотров: 172
Последний ответ 19.04.2021, 08:06:25
от itbc
Вывести артикул вместо кода товара в письмо клиента

Автор antony2606

Ответов: 2
Просмотров: 144
Последний ответ 09.02.2021, 17:01:25
от antony2606
Описание товара справа от изображения в карточке товара

Автор sifoz

Ответов: 15
Просмотров: 3728
Последний ответ 01.01.2021, 14:27:56
от nevigen
Ссылка на родительскую категорию в карточке товара

Автор diana1975

Ответов: 16
Просмотров: 679
Последний ответ 17.09.2020, 22:41:26
от Biss