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 HTML Tables Structuring Tables Add the Table Footer Element

Ricard Taujenis
Ricard Taujenis
4,383 Points
Posted by Ricard Taujenis
Ricard Taujenis
4,383 Points

Hy have an issue with adding colspan at the correct place

have to place it at <tfoot> but afterwards it says at the <td> ?

index.html 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>HTML Tables</title>
  </head>
  <body>

    <table>
      <thead>
        <tr>
          <th scope="col">Name</th>
          <th scope="col">Job</th>
        </tr>
      </thead>
      <tbody>
        <tfoot><td colspan>Data is updated every 15 minutes</td>
        <tr>
          <td>Nick</td>
          <td>Designer</td>
        </tr>
      </tfoot>
        <tr>
          <td>Andrew</td>
          <td>Developer</td>
        </tr>
        <tr>
          <td>Dave</td>
          <td>Developer</td>
        </tr>
      </tbody>
    </table>

  </body>
</html>

2 Answers

Julie Myers
Julie Myers
7,627 Points
Julie Myers
Julie Myers
7,627 Points

colspan is an attribute for the td element.

Usually a td only spans one column. But, with colspan (column span) you can make the td span more then one column. It looks like this in coding:

<table>
  <tr>
   <td>one</td>
   <td>two</td>
   <td>three</td>
 </tr>
 <tr>
    <td colspan="3">I take up all three columns.</td>
  </tr> 
</table>

The following web page gives you a great example of it: http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_td_colspan

edeharrison
seal-mask
.a{fill-rule:evenodd;}techdegree
edeharrison
Full Stack JavaScript Techdegree Student 11,127 Points
edeharrison
.a{fill-rule:evenodd;}techdegree
edeharrison
Full Stack JavaScript Techdegree Student 11,127 Points

Hi Ricard,

The colspan style should look something like this:

<td colspan="?"></td>

replacing '?' with the number of columns you want to span this cell over. The question asks you to span this cell over the entire width of the table. The cell has two columns, therefore '2' is the value you need to input.

Hope that helps,

Ede