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 dustinhenrich
.a{fill-rule:evenodd;}techdegree
dustinhenrich
UX Design Techdegree Student 3,065 Points

HTML Tables Code Challenge - Step 8/8 Problems

Problem : I need to make a cell that spans two columns. Used my code and it won't work, so I tried the project's code from the previous movie clip.

Thank you in advance!

http://cdpn.io/KirbH

10 Answers

Otto Wichmann
Otto Wichmann
4,827 Points
Otto Wichmann
Otto Wichmann
4,827 Points

I don't know if this problem has been solved or not. But here is what happened to me and how I solve it.

I created this code https://gist.github.com/anonymous/6315659

And although the code is right I was getting an error. What apparently they don't tell you is that you MUST create this new cell that spans two columns within the <tBODY></tbody>. So some of us have been creating<tfoot> </tfoot> well... delete that . Add the <tr><td colspan="2">TOW ROWS</td></tr> to the Body of your table and problem solved.

Hope this helps future students that may encounter the same problem.

Arthur Ivanov
Arthur Ivanov
6,018 Points

Yeah! Tnx a lot Otto! Great job! U help us find a answer!

Arthur Ivanov
Arthur Ivanov
6,018 Points

Yeah! Tnx a lot Otto! Great job! U help us find a answer!

Jefrie Polanco
Jefrie Polanco
2,844 Points
Jefrie Polanco
Jefrie Polanco
2,844 Points

Just copy and paste the same entire code. Only this time replace broccoli with.. <=td colspan="2" align="center">broccoli</td> minus the '=' at the beginning after <

This worked for me.

Ary de Oliveira
PLUS
Ary de Oliveira
Courses Plus Student 28,304 Points
Ary de Oliveira
Ary de Oliveira
Courses Plus Student 28,304 Points

<!DOCTYPE html> <html> <head> <title>HTML Tables Challenge</title> </head> <body> <table border="10" cellpadding="10" cellspacing="10"> <thead> <tr> <th> These Are<br> my favorite Fruits</th> <th>Vegetables</th> </tr> </thead> <tfoot> <tr> <td colspan="2" align="center"> Thanks for reading</td>

  </tr>

</tfoot>
<tr>
  <td>Oranges</td>
  <td>Oranges</td>
</tr>

 <tr>
  <td>Apples</td>
   <td>Oranges</td>
</tr>

 <tr>
  <td>Strawberries</td>
   <td>Oranges</td>
</tr>

<tr> <td colspan="2" align="center">Arybrown@treehouse.com</td> </tr>

</table> <h1>HTML Tables Challenge</h1>

   <tr>
    <th>
        <h3>TEST</h3>
     </th>
<!-- Write your code below -->

</body> </html>

Ary de Oliveira
PLUS
Ary de Oliveira
Courses Plus Student 28,304 Points
Ary de Oliveira
Ary de Oliveira
Courses Plus Student 28,304 Points

<!DOCTYPE html> <html> <head> <title>HTML Tables Challenge</title> </head> <body> <table border="10" cellpadding="10" cellspacing="10"> <thead> <tr> <th> These Are<br> my favorite Fruits</th> <th>Vegetables</th> </tr> </thead> <tfoot> <tr> <td colspan="2" align="center"> Thanks for reading</td>

  </tr>

</tfoot>
<tr>
  <td>Oranges</td>
  <td>Oranges</td>
</tr>

 <tr>
  <td>Apples</td>
   <td>Oranges</td>
</tr>

 <tr>
  <td>Strawberries</td>
   <td>Oranges</td>
</tr>

<tr> <td colspan="2" align="center">Arybrown@treehouse.com</td> </tr>

</table> <h1>HTML Tables Challenge</h1>

   <tr>
    <th>
        <h3>TEST</h3>
     </th>
<!-- Write your code below -->

</body> </html>

joelynempleo
joelynempleo
4,659 Points
joelynempleo
joelynempleo
4,659 Points

I also have the same problem!!! please help step 8/8

Caroline Hagan
Caroline Hagan
12,612 Points
Caroline Hagan
Caroline Hagan
12,612 Points

Hi Dustin,

Can you indent your code example so we can see the HTML, alternatively, pop your code into a Codepen

dustinhenrich
seal-mask
.a{fill-rule:evenodd;}techdegree
dustinhenrich
UX Design Techdegree Student 3,065 Points
dustinhenrich
.a{fill-rule:evenodd;}techdegree
dustinhenrich
UX Design Techdegree Student 3,065 Points

Updated!

Ross Penman
Ross Penman
4,230 Points
Ross Penman
Ross Penman
4,230 Points

I think the problem is that you are using too much code. Try working through the challenge again in the way it tells you, rather than copying the code from the video.

I just passed the challenge by doing it this way.

dustinhenrich
seal-mask
.a{fill-rule:evenodd;}techdegree
dustinhenrich
UX Design Techdegree Student 3,065 Points
dustinhenrich
.a{fill-rule:evenodd;}techdegree
dustinhenrich
UX Design Techdegree Student 3,065 Points

Ross,

Thanks for the advice! I completely understand and that's what I tried before. I went through the challenge again and figured out my problem.

When making a cell of data to span two columns, don't put it in the <tfoot> section. I put it in the <tbody> in a new row.

Thank you both!

marsha spell
PLUS
marsha spell
Courses Plus Student 5,555 Points
marsha spell
marsha spell
Courses Plus Student 5,555 Points

thanks Otto! alot i was having a problem with this i have now passed bc of you:-)