HTML+CSS для вывода товара из каталога.

PK
На сайте с 01.03.2010
Offline
93
4861

Добрый вечер!

Пожскажите пожалуйста, простой код HTML+CSS для вывода товарной группы на странице?

Что нужно: все элементы должны быть одинаковы, т.е. например как список, возможно для 1 и последнего элемента добавление отдельного класса.

Также хотелось бы, чтобы на разных по ширине экранах количество элементов по горизонтали менялось, т.е. например для широкого дисплея показывалось например 3-4 товара, а на маленьком 1-2 товара.

Спасибо!

Шлю смс-ки отсюда ( http://www.smspilot.ru/?r=3591 )
palladin_jedi
На сайте с 13.07.2010
Offline
71
#1
Pahom-ka:
Что нужно: все элементы должны быть одинаковы, т.е. например как список, возможно для 1 и последнего элемента добавление отдельного класса.
Также хотелось бы, чтобы на разных по ширине экранах количество элементов по горизонтали менялось, т.е. например для широкого дисплея показывалось например 3-4 товара, а на маленьком 1-2 товара.
Pahom-ka:
Пожскажите пожалуйста, простой код HTML+CSS для вывода товарной группы на странице?

Это не простой код HTML+CSS :)

Тут или обрабатывать на стороне сервера с помощью PHP или что у вас там, или на клиенте яваскриптом (извращенно, но тем не менее имеет право на жизнь).

Рекомендую посетить раздел "Работа для вебмастера", там вам намного быстрее и охотнее помогут. За деньги, разумеется. :)

Сайт о web-разработке и прочем (http://seazo.net)||Продвижение статьями под Google (http://short.seazo.net/ght4zf) Бесплатные консультации рефералам Sape (http://www.sape.ru/r.SWfwWOblBo.php) PHP и JS скрипты на заказ, создание сайтов с нуля и на CMS.
PK
На сайте с 01.03.2010
Offline
93
#2

ууу, ну конечно не простой, ога.

Есть вариант например сделать это на дивах, и свойство float:right применить, чтобы в зависимости от разрешения экрана менялось количество товаров в строке, элементы-то одинаковые, но я точно не помню пример верстки...а вы сразу сервер, яваскрипт...

LEOnidUKG
На сайте с 25.11.2006
Offline
1772
#3

Pahom-ka, тут раздел для помощи уже в готовом. А вам в раздел "Работа для вебмастера".

✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Качественное и рабочее размещение SEO статей СНГ и Бурж: https://getmanylinks.ru/ ✅ Настройка и оптимизация серверов https://getmanyspeed.ru/
kdv12
На сайте с 05.12.2011
Offline
52
#4


<div style="width:100%">
<div style="width:100px;height:100px;overflow:hidden;float:left">Item 1</div>
<div style="width:100px;height:100px;overflow:hidden;float:left">Item 2</div>
<div style="width:100px;height:100px;overflow:hidden;float:left">Item 3</div>
<div style="width:100px;height:100px;overflow:hidden;float:left">Item 4</div>
<div style="width:100px;height:100px;overflow:hidden;float:left">Item 5</div>
<div style="width:100px;height:100px;overflow:hidden;float:left">Item 6</div>
<div style="width:100px;height:100px;overflow:hidden;float:left">Item 7</div>
<div style="width:100px;height:100px;overflow:hidden;float:left">Item 8</div>
<div style="width:100px;height:100px;overflow:hidden;float:left">Item 9</div>
<div style="width:100px;height:100px;overflow:hidden;float:left">Item 10</div>
</div>
Разработка сайтов любой сложности на 1С-Битрикс. Бесплатные консультации.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий