Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML

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

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.

Thank you Wayne!

Hardeep Sidhu
PLUS
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

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

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.

sent