Верстаем каталог товаров с разделителями

Верстаем каталог товаров с разделителями

От автора: недавно пришлось покопаться в коде одного интернет-магазина. Каталог магазина имел табличный вид, но сверстан был без использования таблиц. Это все достаточно стандартно. Но первый и последний товары в каждой строке каталога отличались по дизайну как между собой, так и от остальных товаров. Чтобы это реализовать, делались при выводе товаров в скрипте PHP дополнительные проверки, и в зависимости от результатов проверки применялись те или иные классы. Это достаточно сложный и громоздкий вариант решения задачи.

В данном уроке я покажу, как сверстать подобный каталог не назначая и не применяя дополнительных классов к отличающимся элементам каталога. А это означает, что при выводе товаров не нужно будет делать дополнительных проверок, что упрощает и ускоряет работу скрипта.

скачать исходникискачать урок

Практический курс по верстке адаптивного сайта с нуля!

Изучите курс и узнайте, как верстать современные сайты на HTML5 и CSS3

Узнать подробнее

Верстка. Быстрый старт

Практический курс по верстке адаптивного сайта с нуля!

Смотреть

Метки: ,

Похожие статьи:

Комментарии Вконтакте:

Комментарии (5)