Hello everyone, I need to roll out a table but it’s not working out a bit, but I can’t distribute the cell sizes, that's what I need to get at the output:

Here I have:

Please, help to correctly arrange the cell sizes to make it look like in the picture, I'm new to html and css. Here is the html - http://pastebin.com/GdkgbNHH , here is the css - http://pastebin.com/hQzPCFvi

Closed due to the fact that it was off topic by participants aleksandr barakin , PashaPash ♦ 10 Apr '16 at 14:08 .

It seems that this question does not correspond to the subject of the site. Those who voted to close it indicated the following reason:

  • “Questions asking for help with debugging (“ why does this code not work? ”) Should include the desired behavior, a specific problem or error, and a minimum code for playing it right in the question . Questions without an explicit description of the problem are useless for other visitors. See How to create minimal, self-sufficient and reproducible example . " - PashaPash
If the question can be reformulated according to the rules set out in the certificate , edit it .

  • I vote for the closure of this question, since the answer to it can hardly be useful to anyone other than the author of the question. - aleksandr barakin

1 answer 1

Add to the <td>F</td> attribute rowspan="2" to output <td rowspan="2">F</td> a to J colspan="3" to output <td colspan="3">J</td> , this is in HTML

And if you want E to have a height of half D, then add to CSS:

#tdD1 {height:50%;}

  • Fine! Thank you very much)) - Andrey Sibirkin