[Solved] How to design a table like this

by


Use this cord… 

<table border ="1">
    <tr>
    <td colspan ="5">Text</td>
    <tr>
    <td colspan ="3"></td>
    <td></td>
    <td></td>
    </tr>
    <tr>
    <td rowspan ="6"></td>
    <td>1</td>
    <td></td>
    <td></td>
    <td></td>
    </tr>
    <tr>
    <td>2</td>
    <td></td>
    <td></td>
    <td></td>
    </tr>
    <tr>
    <td>3</td>
    <td></td>
    <td></td>
    <td></td>
    </tr>
    <tr>
    <td>4</td>
    <td></td>
    <td></td>
    <td></td>
    </tr>
    <tr>
    <td>5</td>
    <td></td>
    <td></td>
    <td></td>
    </tr>
    <tr>
    <td>6</td>
    <td></td>
    <td></td>
    <td></td>
    </tr>

    <tr>
    <td rowspan ="5"></td>
    <td>7</td>
    <td></td>
    <td></td>
    <td></td>
    </tr>
    <tr>
    <td>8</td>
    <td></td>
    <td></td>
    <td></td>
    </tr>
    <tr>
    <td>9</td>
    <td></td>
    <td></td>
    <td></td>
    </tr>
    <tr>
    <td>10</td>
    <td></td>
    <td></td>
    <td></td>
    </tr>
    <tr>
    <td>11</td>
    <td></td>
    <td></td>
    <td></td>
    </tr>
    <tr>
    <td rowspan ="3"></td>
    <td>12</td>
    <td></td>
    <td></td>
    <td></td>
    </tr>
    <tr>
    <td>13</td>
    <td></td>
    <td></td>
    <td></td>
    </tr>
    <tr>
    <td>14</td>
    <td></td>
    <td></td>
    <td></td>
    </tr>
    </table>

use this css for appear in beautiful.

td{
padding : 10px;
margin : 3px;
width : 200px;
height : 100px;
}

This is the basic css. Customized it as you wish.

0

solved How to design a table like this