Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML

Posted by Khader Jabbar
Khader Jabbar
1,514 Points

Tables

Im trying to make a table with a table header and table body

I would like something like this 

Header 1              Header 2                        Header 3

Something            Something
                             Something
                             Something
                             Something

New Something  New something
New Sm            New Sm

Im having a very hard time figuring out how to put multiple rows for one column, like I have 4 "somethings " for the first "something" on the left?

I hope i make sense?

Any help would be great

thank you

4 Answers

Wayne Priestley
Wayne Priestley
19,579 Points
Wayne Priestley
Wayne Priestley
19,579 Points

Hi Khader,

The tutorials on html & css explain how to achieve what you need, until you reach that point try this link about tables

Hope it helps.

Khader Jabbar
Khader Jabbar
1,514 Points

Thank you Wayne!

Hardeep Sidhu
PLUS
Hardeep Sidhu
Courses Plus Student 6,908 Points
Hardeep Sidhu
Hardeep Sidhu
Courses Plus Student 6,908 Points

Hi Khader hope this helps,

think of it like this, a table has a row <tr> and inside that row you place table data <td> for that ROW so you have 3 headings that would come under ONE table row like this:

  <tr>                                      
      <td>heading one</td>
      <td>heading two</td>
      <td>heading three</td>
  </tr>

then you work yourself along this order, so you want to place something into heading one column all you have to do is follow the same order you placed the headings in so:

next row:

     <tr> 
      <td>heading one column data</td> 
      <td> heading two colmun data </td>

and so on.... closing the table row </tr> at the end.

then just wrap it all up in <table> tags :

<table>

</table>

hope that made sense haha

Khader Jabbar
Khader Jabbar
1,514 Points

Thank you Hardeep!,

I keep doing it like this, but I have one Column that has 5 things for that 1 column, had im having trouble from keeping those things moving to another row or column..Idk if im explaining myself right lol

Khader Jabbar
Khader Jabbar
1,514 Points

Do you have an email? I have been playing around so much with my code that its just a mess, I can send you a picture of what im tyring to do.

Khader Jabbar
Khader Jabbar
1,514 Points

sent