1. Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела
    Скрыть объявление

Таблицы HTML

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем sinevik, 14 авг 2017.

  1. sinevik

    sinevik

    Регистрация:
    14 авг 2017
    Сообщения:
    2
    Симпатии:
    0
    [​IMG] Начал изучать html верстку. Пытаюсь создать вот такую таблицу
    HTML:
    <table border="1px">
        <tr>
            <td colspan="5" rowspan="2">asd</td>
            <td colspan="4">asd</td>
            <td colspan="3">asd</td>
            <td colspan="2" >asd</td>
        </tr>
        <tr>
            <td colspan="2">asd</td>
            <td colspan="2">asd</td>
            <td>asd</td>
            <td>asd</td>
            <td>asd</td>
            <td>asd</td>
            <td>asd</td>
        </tr>
        <tr>
            <td colspan="5">asdasdasdasdasdasd</td>
            <td >asd</td>
            <td>asd</td>
            <td>asd</td>
            <td>asd</td>
            <td>asd</td>
            <td>asd</td>
            <td>asd</td>
            <td>asd</td>
        </tr>
    </table>
    Получается вот такой вариант
    https://hostingkartinok.com/show-image.php?id=ef38c7eaebd6b84db6ca2698a864b562
    [​IMG]

    Скажите как объединить две ячейки обведённые красным? Когда я их объединяю получается вот такая ерунда
    https://hostingkartinok.com/show-image.php?id=edf894a1d785ed40398170bdf9293aea
    [​IMG]
     
  2. spy

    spy

    Регистрация:
    15 янв 2013
    Сообщения:
    468
    Симпатии:
    137
    так же как ты обьеденил вверху (<td colspan="2">asd</td>)
    На таблицах уже никто не верстает лет 5. Учись создавать таблици на дивах
     
  3. Perat

    Perat

    Регистрация:
    27 окт 2015
    Сообщения:
    115
    Симпатии:
    26
    Доброго, в таблице не кол-во скленных колонок определяет ширину, а контент или заданные стили. Вы склеивая в трейтей строке 2 колонки , не увиличиваете их ширину а просто объеденяете вот https://jsfiddle.net/q4w3yvqL/
    А на счет
    Таблицы в которых находятся данные , т.е классические таблицы поисковики очень любят, а сайт конечно верстать не стоит)
     
  4. spy

    spy

    Регистрация:
    15 янв 2013
    Сообщения:
    468
    Симпатии:
    137
    Perat, ну пускай себе любят. Роботам и стили ненужны, так может их тоже вырезать?))
    Больше внимания нужно уделять UX факторам и валидности, а не то что яше и гоше больше нравится.