1. JavaScript / Говнокод #22434

    −14

    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
    <div class="my_orders_table">
                        <div class="thead">
                            <div class="tr">
                                <div class="td">№</div>
                                <div class="td">Дата</div>
                                <div class="td">Товары</div>
                                <div class="td">Стоимость</div>
                                <div class="td">Статус</div>
                                <div class="td">Сумма</div>
                            </div>
                        </div>
                        <div class="tbody">
                            <div class="tr">
                                <div class="td">1</div>
                                <div class="td">01.02.2017</div>
                                <div class="td">
                                    <p>Рюкзак «Бекас 55» Цвет: Хаки</p>
                                    <p>Кресло складное откидное FC-10 Цвет: Зеленый</p>
                                    <p>Рюкзак «Бекас 55» Цвет: Хаки</p>
                                    <p>Кресло складное откидное FC-10 Цвет: Зеленый</p>
                                </div>...

    2k17 table

    Запостил: -Garik, 23 Февраля 2017

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

    • ava -Garik 23.02.2017 01:09 # 0

      При этом .my_orders_table .td {
      display: inline-block;
      vertical-align: top;
      font-size: 12px;
      }
      Ответить

      • ava inkanus-gray 23.02.2017 11:31 # +3

        Самое интересное, что в старом IE display:inline-block не поддерживается (хотя неплохо эмулируется с помощью display:inline; zoom: 1), а в более новых браузерах уже можно использовать display:table-cell, что больше похоже на таблицу.

        Кстати, здесь таблица данных, так что тег <table> был бы уместен. Но, вероятно, верстальщик краем уха услышал, что «табличная вёрстка устарела».
        Ответить

    • ava Unnumbered 27.02.2017 10:27 # +1

      Ткните пальцем, где тут JS.
      Ответить

      • ava -Garik 27.02.2017 10:51 # +1

        ткни пальцем где HTML при создании поста, а JS и верстка близкие темы, поэтому фронтендщики поймут.
        Ответить

        • ava guest 28.02.2017 04:51 # +1

          надо біло тогда в пхп постить

          ну там веб, пхп -- близкие темы

          а джаваскрипт бывает и на бекенде
          Ответить

          • ava huesto 28.02.2017 14:19 # 0

            А пыха только на фронтенде, ага.
            Ответить

            • ava inkanus-gray 28.02.2017 18:36 # 0

              Ага, Activescript (он же PHPScript, он же ActivePHP), который дропнули после 5.0, а также PHP-GTK, PHP-Qt, wxPHP. Все только ими и пользуются.
              Ответить

          • ava inkanus-gray 28.02.2017 18:39 # +2

            Проще тогда уж в кучу, чтобы никому не было обидно.

            Хотя... пожалуй, соглашусь. HTML является валидным кодом для PHP (если нет открывающего тега <?php, то весь текст выводится как есть), но не является валидным кодом для JS.
            Ответить

    • ava kegdan 27.02.2017 11:12 # +1

      JS такой XML
      Ответить

    • ava guest 10.03.2017 20:59 # 0

      Надо было еще css добавить:
      .my_orders_table{ display: table; }
      .thead{ display: table-header-group;}
      .tr{ display: table-row; }
      .td{ display: table-cell; }

      ну и так далее
      Ответить

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