HTML Table Heading

• 

  lgenovese · Member · Jun 6, 2014 at 8:14 pm

  • Copy link
  • Add topic to favorites

  I would like to insert a simple HTML table onto a page. The table has a header row and then several rows of two columns. I want the header row to span the two columns underneath. All looks good EXCEPT. The border does not extend all the way to the right above the header. Can someone please explain how to achieve this?

  The table is on the Board page. Here is the code for the table I’m working on:

  <table>
  <tbody>
  <tr>
  <th>ASSOCIATION OFFICERS</th>
  </tr>
  <tr>
  <td>President</td>
  <td>Name Surname</td>
  </tr>
  <tr>
  <td>Vice President</td>
  <td>Name Surname</td>
  </tr>
  <tr>
  <td>Recording Secretary</td>
  <td>Name Surname</td>
  </tr>
  <tr>
  <td>Corresponding Secretary</td>
  <td>Name Surname</td>
  </tr>
  <tr>
  <td>Treasurer</td>
  <td>Name Surname</td>
  </tr>
  </tbody>
  </table>

  The blog I need help with is: (visible only to logged in users)

• 

  druesome · Staff · Jun 8, 2014 at 2:15 am

  • Copy link

  Hi! I modified your code just a wee bit here:

  <table>
  <tbody>
  <tr>
  <th>ASSOCIATION OFFICERS</th>
  <th></th>
  </tr>
  <tr>
  <td>President</td>
  <td>Name Surname</td>
  </tr>
  <tr>
  <td>Vice President</td>
  <td>Name Surname</td>
  </tr>
  <tr>
  <td>Recording Secretary</td>
  <td>Name Surname</td>
  </tr>
  <tr>
  <td>Corresponding Secretary</td>
  <td>Name Surname</td>
  </tr>
  <tr>
  <td>Treasurer</td>
  <td>Name Surname</td>
  </tr>
  </tbody>
  </table>

  I added an extra <th></th> below the header to make it extend properly to the right. I’ve gone ahead and edited the post for you:

  https://theheritageversiontwo.wordpress.com/wp-admin/post.php?post=24

  Let me know if that looks good. Thanks!

• 

  lgenovese · Member · Jun 8, 2014 at 1:43 pm

  • Copy link

  Thank you! I thought I had tried that before but I must have done something wrong. Anyhow, really appreciate your help.

• 

  druesome · Staff · Jun 8, 2014 at 4:16 pm

  • Copy link

  Not a problem! Happy blogging! :)