Ockonal Ockonal - 1 year ago 83
HTML Question

Html and tables

I have such table: http://jsfiddle.net/jDTTx/

I can't understand how to split cell with text 1 into 2 horizontal cells. Could you help me with this?

Answer Source

You will want to set the rowspan for all of the cells in the row above it to 2, and leave the row span for the two cells which you would like to appear split as 1.

See it in action: 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">
                <td>АУД. 402</td>
                <td>АУД. 402<sup>A</sup></td>
                <td rowspan="2">1</td>
                <td rowspan="2">8<sup><u>00</u></sup> - 9<sup><u>20</u></sup></td>
                <td rowspan="2"></td>
                <td>9<sup><u>35</u></sup> - 10<sup><u>55</u></sup></td>
                <td>11<sup><u>15</u></sup> - 12<sup><u>35</u></sup></td>
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download