ТЕСТОВАЯ СТРАНИЦА.

Одна картинка на всю длину

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

Одна картинка не на всю длину

Отличие находится в стилях блока: ширина в 300 пикселей обозначается как - max-width:300px

Картинка - ссылка

Отличие находится в стилях блока: ширина в 300 пикселей обозначается как - max-width:300px

Реклама

Название услуги или предмета

Одна картинка не на всю длину по центру

Добавляется класс img-desc-center

Несколько картинок на всю длину страницы

Весь блок оборачивается еще в пару блоков - общий и отдельный, обозначающий ячейку блока. Нужно указать новый класс, обозначающий количество картинок в ряду: img-desc-4 значит 4 картинки в ряду, img-desc-3 и img-desc-2 соответственно "три" и "две".