user93 user93 - 3 months ago 15
HTML Question

Designing complex table layout using html and css

I am trying to design the following table using html and css how do I proceed with it. Thank you in advance.

enter image description here

Answer

you can try this one:

HTML

<table>
<tr>

   <td>
   <table>

   <tr>
        <td colspan="2">Th</td>
    </tr>
   <tr>
        <td>Th</td>
        <td>Th</td>
    </tr>   
  <tr>
        <td>Th</td>
        <td>Th</td>
    </tr>   
   </table>
   </td>

        <td>Th</td>
</tr>
</table>

CSS

table 
{
width:100%;
height:100px;
text-align:center;
 border:2px solid gray;
 border-collapse: collapse;
}
td
{
border:2px solid gray;
}

.container
{
  width:100%;
}
.container .header
{
  width:100%;
  height:200px;
  background:#5076BB;
}
.container .slider
{
  width:100%;
  height:500px;
  background:#5076BB;
}

DEMO HERE

UPDATED DEMO HERE