1. Куча / Говнокод #18915

    +4

    1. 01
    2. 02
    3. 03
    4. 04
    5. 05
    6. 06
    7. 07
    8. 08
    9. 09
    10. 10
    11. 11
    12. 12
    13. 13
    14. 14
    15. 15
    16. 16
    17. 17
    18. 18
    19. 19
    20. 20
    21. 21
    22. 22
    23. 23
    24. 24
    25. 25
    26. 26
    27. 27
    28. 28
    29. 29
    30. 30
    31. 31
    32. 32
    33. 33
    34. 34
    <div class="tabtica">
        <div class="header">
            <div class="col1">фото</div>
            <div class="col2">товар</div>
            <div class="col3">количество</div>
            <div class="col4">цена</div>
            <div class="col5">итого</div>
            <div class="col6"></div>
        </div>
        <div class="clear"></div>
        <div class="item">
            <div class="col1 imgColTable">
                <img src="img/iphoneTable.jpg">
            </div>
            <div class="col2 nameColTable"><a href="">iPhone 6 Plus 128 Gb Space Gray</a></div>
            <div class="col3 quantityColTable"><input type="number" value="1"></div>
            <div class="col4 priceColTable"><span class="bold">10 499</span>руб.</div>
            <div class="col5 summColTable"><span class="bold">10 499</span>руб.</div>
            <div class="col6 delColTable"><a href=""><img src="img/close.png"></a></div>
        </div>
        <div class="item">
            <div class="col1 imgColTable">
                <img src="img/iphoneTable.jpg">
            </div>
            <div class="col2 nameColTable"><a href="">iPhone 6 Plus 128 Gb Space Gray</a></div>
            <div class="col3 quantityColTable"><input type="number" value="1"></div>
            <div class="col4 priceColTable"><span class="bold">10 499</span>руб.</div>
            <div class="col5 summColTable"><span class="bold">10 499</span>руб.</div>
            <div class="col6 delColTable"><a href=""><img src="img/close.png"></a></div>
        </div>
        <div class="itogo">
            <p>Итого:<span>100 500 руб.</span></p>
        </div>
    </div>

    Вот так вот нынче таблицы в корзине делают)

    Запостил: la2ha, 26 Октября 2015

    Комментарии (3) RSS

    • а чо, сами говорили, табличная верстка - атстой
      Ответить
    • Если данные нужно отобразить таблицей - то надо верстать таблицей. Щас на проекте тоже такая фигня: нужно колонку добавить, или еще как поменять структуру таблицы - все, куча дивов, новые классы, проклинать верстальщика. В корзине table - самое то
      Ответить
    • А в css поди
      tabtica { display: table; }
      header { display: table-row; }
      col1 { display: table-cell; }
      ...
      ? :)
      Ответить

    Добавить комментарий