HTML Table Colspan - PullRequest
Новая
       3

HTML Table Colspan

2 голосов
/ 22 января 2012

Я создаю календарь, используя следующий HTML-код: 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head></head>
<body>
    <table border="1">
        <tr>
            <td colspan="2">Mon</td>
            <td colspan="2">Tue</td>
            <td colspan="2">Wed</td>
            <td colspan="2">Thu</td>
            <td colspan="2">Fri</td>
        </tr>
        <tr>
            <td colspan="1">Item1</td>
            <td colspan="9">Item2</td>
        </tr>
    </table>
</body>

Каждый день имеет число colpsan 2, чтобы я мог показать, происходит ли элемент только утром или в течение всего дня и т. Д.

В приведенном выше примере я хочу, чтобы «Item1» отображался в первой ячейке (понедельник утром), а «Item2» - с понедельника до пятницы.

Однако при просмотре выходных данных «Item1» занимает весь Mon, а «Item2» отображается со вторника по пятницу.

Можно ли сделать то, что я пытаюсь сделать?

Спасибо

Ответы [ 2 ]

1 голос
/ 22 января 2012

Я думаю, что проблема в том, что вам нужно иметь строку с colspan="1", чтобы ваши промежутки действительно работали.

Если вы на самом деле представляете am / pm в своем календаре,почему бы просто не добавить строку под строкой «Пн Вт ... Пт», например так: 

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <style>
    td,th { min-width: 50px; }
  </style>
</head>
<body>
  <table border="1">
    <thead>
      <tr>
        <th colspan="2">Mon</th>
        <th colspan="2">Tue</th>
        <th colspan="2">Wed</th>
        <th colspan="2">Thu</th>
        <th colspan="2">Fri</th>
      </tr>
      <tr>
        <th>AM</th>
        <th>PM</th>
        <th>AM</th>
        <th>PM</th>
        <th>AM</th>
        <th>PM</th>
        <th>AM</th>
        <th>PM</th>
        <th>AM</th>
        <th>PM</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td colspan="1">Item1</td>
        <td colspan="9">Item2</td>
      </tr>
    </tbody>
  </table>
</body>
</html>

Я также помещаю заголовки в <thead>, а фактические элементы в <tbody>,и сделал заголовки <th> тегами вместо <td>.

0 голосов
/ 22 января 2012

Попробуйте это: 

<td colspan="1">Item1</td>
<td colspan="1">&nbsp;</td>
<td colspan="8">Item2</td>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...