CODEWITHSUNDEEP
htmlcsshtml-table
Colton Scranton
Colton Scranton

Reputation: 1

CSS/HTML Table with different sized cells

I'm trying to create a table with a number of different sized cells, but from what I know creating tables with html/css seems too ridged for something like this:

enter image description here

Any help would be appreciated!

Upvotes: 0

Views: 1833

Answers (2)

Noor F. Al-Janabi
Noor F. Al-Janabi

Reputation: 21

in addition to the width and height of each , you can use the "colspan" and "rowspan" attributes as well. Like in the cell in your picture with the text: "Iraq war worth the cost", you can have something like the following: 

<td rowspan="2">

See the following link for examples: http://www.w3schools.com/tags/att_td_colspan.asp

Upvotes: 1

aliciasilhavy
aliciasilhavy

Reputation: 44

I think what you're looking for is cell width. You can do this in HTML (the CSS is only to show the result):

td {
background-color: red;
}
<table>
<tr><td width="500px">Cell 1</td><td width-"100px">Cell 2</td></tr>
</table>

You can change height too, but as far as I know you can only change height per row:

td {
  background-color: red;
  }
<table>
    <tr><td width="500px" height="100px">Cell 1</td><td width="100px">Cell 2</td></tr>
    </table>

Upvotes: 1

Related Questions