Важная информация
Показано с 1 по 3 из 3

Тема: Проблема с переносом строки таблицы

  1. #1 Проблема с переносом строки таблицы 
    Новичок
    Регистрация
    24.11.2018
    Сообщений
    1
    Сказал(а) спасибо
    0
    Поблагодарили 0 раз(а) в 0 сообщениях
    Здравствуйте! Делал таблицу и столкнулся с такой проблемой. Таблица состоит из 5х строк и нескольких столбцов, как на скриншоте. Последняя строка, почему-то не переносилась, а шла в виде продолжением столбцов в предыдущей строке как на первом скриншоте. Выход нашел, (как нахимичил пометил комментарием в самом коде), но вопрос почему без этого перенос не срабатывал? В чем была ошибка?


    Сам код с комментарием проблемного места: pastebin . com / pe4Q5EHn
    Изображения
    • Тип файла: jpg 1.0.jpg (33.5 Кб, Просмотров: 4)
    • Тип файла: jpg 2.0.jpg (76.7 Кб, Просмотров: 3)
    Ответить с цитированием  
     

  2. #2  
    Профи Аватар для rovico
    Регистрация
    17.04.2014
    Адрес
    Ярославль
    Сообщений
    245
    Сказал(а) спасибо
    17
    Поблагодарили 287 раз(а) в 162 сообщениях
    Записей в блоге
    2
    Где-то несоответствие количества rowspan реальному числу строк [Ссылки могут видеть только зарегистрированные пользователи. ] . com/vcVDLqp1

    HTML Code:
    1. <[Ссылки могут видеть только зарегистрированные пользователи. ] border="1">
    2. <[Ссылки могут видеть только зарегистрированные пользователи. ]>
    3. <[Ссылки могут видеть только зарегистрированные пользователи. ]>
    4.     <[Ссылки могут видеть только зарегистрированные пользователи. ]>Кружок</[Ссылки могут видеть только зарегистрированные пользователи. ]>
    5.     <[Ссылки могут видеть только зарегистрированные пользователи. ]>Руководитель</[Ссылки могут видеть только зарегистрированные пользователи. ]>
    6.     <[Ссылки могут видеть только зарегистрированные пользователи. ]>Классы</[Ссылки могут видеть только зарегистрированные пользователи. ]>
    7.     <[Ссылки могут видеть только зарегистрированные пользователи. ]>День</[Ссылки могут видеть только зарегистрированные пользователи. ]>
    8.     <[Ссылки могут видеть только зарегистрированные пользователи. ]>Время</[Ссылки могут видеть только зарегистрированные пользователи. ]>
    9.     <[Ссылки могут видеть только зарегистрированные пользователи. ]>Аудитория</[Ссылки могут видеть только зарегистрированные пользователи. ]>
    10. </[Ссылки могут видеть только зарегистрированные пользователи. ]>
    11. </[Ссылки могут видеть только зарегистрированные пользователи. ]>
    12.     <[Ссылки могут видеть только зарегистрированные пользователи. ]>
    13.     <[Ссылки могут видеть только зарегистрированные пользователи. ]>
    14.         <[Ссылки могут видеть только зарегистрированные пользователи. ] rowspan="2"><[Ссылки могут видеть только зарегистрированные пользователи. ]>Математический кружок</[Ссылки могут видеть только зарегистрированные пользователи. ]></[Ссылки могут видеть только зарегистрированные пользователи. ]>
    15.         <[Ссылки могут видеть только зарегистрированные пользователи. ] rowspan="2">Лидия Васильевна Гончарова</[Ссылки могут видеть только зарегистрированные пользователи. ]>
    16.         <[Ссылки могут видеть только зарегистрированные пользователи. ]>4 класс</[Ссылки могут видеть только зарегистрированные пользователи. ]>
    17.         <[Ссылки могут видеть только зарегистрированные пользователи. ] rowspan="2">вторник </[Ссылки могут видеть только зарегистрированные пользователи. ]>
    18.         <[Ссылки могут видеть только зарегистрированные пользователи. ]>16:00-18:00</[Ссылки могут видеть только зарегистрированные пользователи. ]>
    19.         <[Ссылки могут видеть только зарегистрированные пользователи. ] rowspan="2">209</[Ссылки могут видеть только зарегистрированные пользователи. ]>
    20.         </[Ссылки могут видеть только зарегистрированные пользователи. ]>
    21.     <[Ссылки могут видеть только зарегистрированные пользователи. ]>
    22.         <[Ссылки могут видеть только зарегистрированные пользователи. ]>5 класс</[Ссылки могут видеть только зарегистрированные пользователи. ]>
    23.         <[Ссылки могут видеть только зарегистрированные пользователи. ]>17:15-18:30</[Ссылки могут видеть только зарегистрированные пользователи. ]>
    24.     </[Ссылки могут видеть только зарегистрированные пользователи. ]>
    25.     <[Ссылки могут видеть только зарегистрированные пользователи. ]>
    26.         <[Ссылки могут видеть только зарегистрированные пользователи. ]><[Ссылки могут видеть только зарегистрированные пользователи. ]>Математический кружок</[Ссылки могут видеть только зарегистрированные пользователи. ]></[Ссылки могут видеть только зарегистрированные пользователи. ]>
    27.         <[Ссылки могут видеть только зарегистрированные пользователи. ]>Дарья Петровна Анзон</[Ссылки могут видеть только зарегистрированные пользователи. ]>
    28.         <[Ссылки могут видеть только зарегистрированные пользователи. ]>6 класс</[Ссылки могут видеть только зарегистрированные пользователи. ]>
    29.         <[Ссылки могут видеть только зарегистрированные пользователи. ] rowspan="3">суббота </[Ссылки могут видеть только зарегистрированные пользователи. ]>
    30.         <[Ссылки могут видеть только зарегистрированные пользователи. ] rowspan="3">16:30-18:30</[Ссылки могут видеть только зарегистрированные пользователи. ]>
    31.         <[Ссылки могут видеть только зарегистрированные пользователи. ]>310</[Ссылки могут видеть только зарегистрированные пользователи. ]>
    32.         </[Ссылки могут видеть только зарегистрированные пользователи. ]>
    33.     <[Ссылки могут видеть только зарегистрированные пользователи. ]>
    34.         <[Ссылки могут видеть только зарегистрированные пользователи. ]><[Ссылки могут видеть только зарегистрированные пользователи. ]>Математический кружок</[Ссылки могут видеть только зарегистрированные пользователи. ]></[Ссылки могут видеть только зарегистрированные пользователи. ]>
    35.         <[Ссылки могут видеть только зарегистрированные пользователи. ]>Иван Васильевич Ященко,<[Ссылки могут видеть только зарегистрированные пользователи. ]>Григорий Александрович Мерзон</[Ссылки могут видеть только зарегистрированные пользователи. ]>
    36.         <[Ссылки могут видеть только зарегистрированные пользователи. ]>8 класс</[Ссылки могут видеть только зарегистрированные пользователи. ]>
    37.         <[Ссылки могут видеть только зарегистрированные пользователи. ]>308-309</[Ссылки могут видеть только зарегистрированные пользователи. ]>
    38.     </[Ссылки могут видеть только зарегистрированные пользователи. ]>
    39.     <[Ссылки могут видеть только зарегистрированные пользователи. ]>
    40.     <[Ссылки могут видеть только зарегистрированные пользователи. ]><[Ссылки могут видеть только зарегистрированные пользователи. ]>Математический кружок</[Ссылки могут видеть только зарегистрированные пользователи. ]></[Ссылки могут видеть только зарегистрированные пользователи. ]>
    41.     <[Ссылки могут видеть только зарегистрированные пользователи. ]>Кирил Евгеньевич Мазур,<[Ссылки могут видеть только зарегистрированные пользователи. ]>Василий Кирилович Рогов,<[Ссылки могут видеть только зарегистрированные пользователи. ]>Иван Андреевич Шанин</[Ссылки могут видеть только зарегистрированные пользователи. ]>
    42.     <[Ссылки могут видеть только зарегистрированные пользователи. ]>8 класс</[Ссылки могут видеть только зарегистрированные пользователи. ]>
    43.     <[Ссылки могут видеть только зарегистрированные пользователи. ]>209</[Ссылки могут видеть только зарегистрированные пользователи. ]>
    44.       </[Ссылки могут видеть только зарегистрированные пользователи. ]>
    45.     </[Ссылки могут видеть только зарегистрированные пользователи. ]>
    46.     </[Ссылки могут видеть только зарегистрированные пользователи. ]>



    Конкретно, если в предпоследней tr убрать rowspan, то всё хорошо.

    HTML Code:
    1. <[Ссылки могут видеть только зарегистрированные пользователи. ]>
    2.         <[Ссылки могут видеть только зарегистрированные пользователи. ]><[Ссылки могут видеть только зарегистрированные пользователи. ]>Математический кружок</[Ссылки могут видеть только зарегистрированные пользователи. ]></[Ссылки могут видеть только зарегистрированные пользователи. ]>
    3.         <[Ссылки могут видеть только зарегистрированные пользователи. ]>Иван Васильевич Ященко,<[Ссылки могут видеть только зарегистрированные пользователи. ]>Григорий Александрович Мерзон</[Ссылки могут видеть только зарегистрированные пользователи. ]>
    4.         <[Ссылки могут видеть только зарегистрированные пользователи. ]>8 класс</[Ссылки могут видеть только зарегистрированные пользователи. ]>
    5.         <[Ссылки могут видеть только зарегистрированные пользователи. ]>308-309</[Ссылки могут видеть только зарегистрированные пользователи. ]></[Ссылки могут видеть только зарегистрированные пользователи. ]>
    Ответить с цитированием  
     

  3. #3  
    Администратор
    Регистрация
    18.04.2014
    Сообщений
    26
    Сказал(а) спасибо
    0
    Поблагодарили 42 раз(а) в 24 сообщениях
    HTML Code:
    1.  
    2. <!DOCTYPE html>
    3. <html lang="en">
    4.     <meta charset="UTF-8">
    5.     <title>Table</title>
    6. </head>
    7. <table border="1">
    8.     <thead>
    9.     <tr>
    10.         <th>Кружок</th>
    11.         <th>Руководитель</th>
    12.         <th>Классы</th>
    13.         <th>День</th>
    14.         <th>Время</th>
    15.         <th>Аудитория</th>
    16.     </tr>
    17.     </thead>
    18.     <tbody>
    19.     <tr>
    20.         <td rowspan="2"><strong>Математический кружок</strong></td>
    21.         <td rowspan="2">Лидия Васильевна Гончарова</td>
    22.         <td>4 класс</td>
    23.         <td rowspan="2">вторник </td>
    24.         <td>16:00-18:00</td>
    25.         <td rowspan="2">209</td>
    26.     </tr>
    27.     <tr>
    28.         <td>5 класс</td>
    29.         <td>17:15-18:30</td>
    30.     </tr>
    31.     <tr>
    32.         <td><strong>Математический кружок</strong></td>
    33.         <td>Дарья Петровна Анзон</td>
    34.         <td>6 класс</td>
    35.         <td rowspan="3">суббота </td>
    36.         <td rowspan="3">16:30-18:30</td>
    37.         <td>310</td>
    38.     </tr>
    39.     <tr>
    40.         <td><strong>Математический кружок</strong></td>
    41.         <td>Иван Васильевич Ященко,<br>Григорий Александрович Мерзон</td>
    42.         <td>8 класс</td>
    43.         <td>308-309</td></tr>
    44.     <tr>
    45.         <td rowspan="2"><strong>Математический кружок</strong></td>
    46.         <td rowspan="3">Кирил Евгеньевич Мазур,<br>Василий Кирилович Рогов,<br>Иван Андреевич Шанин</td>
    47.         <td rowspan="3">8 класс</td>
    48.         <td>209</td></tr>
    49.     </tbody>
    50. </body>
    51. </html>


    Вот такой код будет отображать корректно.

    Все дело в rowspan.
    Например, в
    HTML Code:
    1. <td rowspan="2">Иван Васильевич Ященко,<br>Григорий Александрович Мерзон</td>

    У вас указано объединение колонок. Но никакого объединения нет, все идет одной строкой, rowspan здесь лишнее.
    Последний раз редактировалось natal; 26.11.2018 в 17:08.
    Ответить с цитированием  
     

Информация о теме
Пользователи, просматривающие эту тему

Эту тему просматривают: 1 (пользователей: 0 , гостей: 1)

Похожие темы

  1. Ответов: 1
    Последнее сообщение: 19.02.2014, 08:49
  2. связные таблицы
    от swirepij в разделе Общие вопросы программирования
    Ответов: 0
    Последнее сообщение: 10.12.2013, 00:00
  3. Ответов: 4
    Последнее сообщение: 01.04.2012, 10:08
  4. Ответов: 5
    Последнее сообщение: 15.12.2011, 22:25
  5. Ответов: 0
    Последнее сообщение: 07.12.2011, 22:10
Ваши права
  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •