[Помогите] Код HTML/CSS в Webasist

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем Akasa48, 6 июн 2016.

  1. Akasa48

    Akasa48

    Регистрация:
    6 июн 2016
    Сообщения:
    1
    Симпатии:
    0
    /* * * 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:20px 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/
     
  2. Perat

    Perat

    Регистрация:
    27 окт 2015
    Сообщения:
    53
    Симпатии:
    3
    .product-list2 li {
    1. width: 24%;
    2. float: left;
    }