html - Separating table column into 3 parts -
I'm having trouble splitting my bottom line into 3 parts. I would appreciate some help by fixing or redesigning it.
HTML:
& lt; Table range = "1" cell area = "0" & gt; & Lt; TR & gt; & Lt; Td style = 'width: 120px; Height: 20px; '& Gt; Creeper & lt; / TD & gt; & Lt; Td rowspan = "2" style = 'width: 120px; Height: 120px; '& Gt; & Lt; / TD & gt; & Lt; / TR & gt; & Lt; TR & gt; & Lt; Td rowspan = "2" style = 'width: 100px;' & Gt; Creeper & lt; / Td> & Lt; / TR & gt; & Lt; TR & gt; & Lt; Td style = 'width: 120px; Height: 120px; '& Gt; & Lt; / TD & gt; & Lt; / TR & gt; & Lt; TR & gt; & Lt; Td style = 'width: 40px; Height: 20px; '& Gt; & Lt; / TD & gt; & Lt; Td style = 'width: 80px; Height: 20px; '& Gt; & Lt; / TD & gt; & Lt; / TR & gt; & Lt; / Table & gt;
JSFiddle
your update The table below is like.
& lt; Table range = "1" cell location = "0" & gt; & Lt; TR & gt; & Lt; Td colspan = "2" style = 'width: 120px; Height: 20px; '& Gt; Creeper & lt; / TD & gt; & Lt; Td rowspan = "2" style = 'width: 120px; Height: 120px; '& Gt; & Lt; / TD & gt; & Lt; / TR & gt; & Lt; TR & gt; & Lt; Td rowspan = "2" colspan = "2" style = 'width: 100px;' & Gt; Creeper & lt; / Td> & Lt; / TR & gt; & Lt; TR & gt; & Lt; Td style = 'width: 120px; Height: 120px; '& Gt; & Lt; / TD & gt; & Lt; / TR & gt; & Lt; TR & gt; & Lt; Td style = 'width: 40px; Height: 20px; '& Gt; & Lt; / TD & gt; & Lt; Td style = 'width: 80px; Height: 20px; '& Gt; & Lt; / TD & gt; & Lt; Td style = 'width: 120px; Height: 20px; '& Gt; & Lt; / TD & gt; & Lt; / TR & gt; & Lt; / Table & gt;
Comments
Post a Comment