Код HTML/CSS в Webasist

[Akasha48]

* * * product-list2.html * * */
/*list*/
.product-list2{list-style:none;margin:0;padding:0;}
.product-list2.list hr{display:none;}
.product-list2.list li{border:1px solid transparent;border-bottom-color:#e6e6e6;margin-top:-1px;}
.product-list2.list li:hover{border-color:#ababab;}
.product-list2.list .product-block{display:table-row;}
.product-list2.list .image,.product-list.list .offers{display:table-cell;vertical-align:middle;padding:30px 15px;}
.product-list2.list .image a{width:100px;}
.product-list2.list .image a img{max-width:100px;max-height:100px;}
.product-list2.list .image .corner.top { top: 10px; }
.product-list2.list .text{display:table-cell;padding:30px 0;vertical-align:top;width:428px;}
.product-list2.list .text .name{margin-bottom:5px;height:auto;}
.product-list2.list .text .prd-rating{margin-bottom:10px;}
.product-list2.list .text .description p,
.product-list2.list .text .description{margin:0;}
.product-list2.list .offers{text-align:right;width:150px;}
.product-list2.list .offers span{display:block;}
.product-list2.list .offers .compare-at-price{margin-bottom:5px;}
.product-list2.list .offers .price{font-size: 24px;margin-bottom:10px;}
.product-list2.list .offers .available{color: #a1a1a1;margin-bottom:10px;}
/*thumbs*/
.product-list2.thumbs hr{margin:0;border-color:#e6e6e6;}
.product-list2.thumbs li{display:inline-block;width:130;margin:0;padding:20 px 0;vertical-align:top;}
.gt-ie8 .product-list2.thumbs li{width:130px;}
.product-list2.thumbs li:hover .product-block{border-color:#ababab;}
.product-list2.thumbs .product-blockborder:1px solid transparent;text-align:center;padding:5px 10px 0;}
.product-list2.thumbs .image{display:table;width:100%;}
.product-list2.thumbs .image a{height:100px;}
.product-list2.thumbs .image a img{margin:0;max-height:100px;max-width:100px;}
.product-list2.thumbs .image .corner.top { top: 5px; }
.product-list2.thumbs .image .corner.left { left: 0px; }
.product-list2.thumbs .text .name{margin-bottom: 5px;}
.product-list2.thumbs .text .prd-rating,
.product-list2.thumbs .text .description{display:none;}
.product-list2.thumbs .offers{height: 65px;line-height: 1;margin: 0;}
.product-list2.thumbs .offers .available.on{display:none;}
.product-list2.thumbs .offers .available{display:block;color: #a1a1a1;padding-top:15px;}
ul.thumbs input { margin: 0 3px 0 0 /* for correct checkbox display */; }






Помогите, пожалуйста!

На главной странице сайта не могу сделать 4 колонки вместо 1. Второй день мачаюсь!

Вот, адрес сайта:

http://test.spbtovar.ru/test/
Akasha48 на форуме Сообщить модератору о нарушении

[nyqpblcTuk]

вам что именно нужно именно 4 колонки? или чтобы товар выстраивался на столько колонок, сколько позволяет ширина экрана?

зашел на сайт, что вы еще напутали, с футером и майн...

[nyqpblcTuk]

просто визуально в 4 колонк не лезут. только 2, нужно раширять див с контентом, проще всего сделать так:
.product-list2.list li{border:1px solid transparent;border-bottom-color:#e6e6e6;margin-top:-1px;}

заменить на:
.product-list2.list li{border:1px solid transparent;border-bottom-color:#e6e6e6; display: block; float: left; margin: -1px 0 5px 0;}

так у вас весь товар пойдет слева направо столько раз на сколько влезет в ширину контента, и с каждой строчки по новой...
а маржин не даст слипаться строкам, как у вас сейчас товар слипается друг за другом