HTML и таблицы

Question

У меня есть такая таблица: http://jsfiddle.net/jDTTx/

Я не могу понять, как разбить ячейку с текстом 1 на 2 горизонтальные ячейки.Не могли бы вы помочь мне с этим?

Answer 1

Вам нужно установить для ряда ячеек для всех ячеек в строке над ним значение 2, а для двух ячеек, которые вы хотели бы отображать разделенными, оставить интервал строк равным 1.

Посмотретьв действии: http://jsfiddle.net/jDTTx/6/

    <table border="1" style="border: 2px solid black; width: 50%; margin: 0 auto; text-align: center; font-weight: bold" cellpadding="0" cellspacing="0">
        <thead style="background-color: gray; color: white">
            <tr>
                <td>№</td>
                <td>Час</td>
                <td>АУД. 402</td>
                <td>АУД. 402<sup>A</sup></td>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td rowspan="2">1</td>
                <td rowspan="2">8<sup><u>00</u></sup> - 9<sup><u>20</u></sup></td>
                <td>1a</td>
                <td rowspan="2"></td>
            </tr>
            <tr>
                <td>1b</td>
            </tr>
            <tr>
                <td>2</td>
                <td>9<sup><u>35</u></sup> - 10<sup><u>55</u></sup></td>
                <td>6</td>
                <td></td>
            </tr>
            <tr>
                <td>3</td>
                <td>11<sup><u>15</u></sup> - 12<sup><u>35</u></sup></td>
                <td></td>
                <td>7</td>
            </tr>
        </tbody>
    </table>​​​​​​​​​​​​​​​​​​

Answer 2

Поместите это в свою клетку:

<div style="border-bottom:solid 1px black">1a</div><div>1b</div>

http://jsfiddle.net/jDTTx/7/