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

Popular posts from this blog

java - org.apache.http.ProtocolException: Target host is not specified -

java - Gradle dependencies: compile project by relative path -

ruby on rails - Object doesn't support #inspect when used with .include -