Vertical borders not appearing in tables (2010 theme)

• 

  storm2001girls · Member · Mar 6, 2011 at 7:27 pm

  • Copy link
  • Add topic to favorites

  Hi – A simple table I’ve made using HTML does not show the internal vertical border lines that should appear in between cells. It does show the horizontal lines, as well as the border surrounding the entire table. Does something about the ‘Twenty Ten’ theme prevent these border lines from showing up? Thanks

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

• 

  timethief · Member · Mar 6, 2011 at 8:16 pm

  • Copy link

  If you post your complete code here between backticks then we can examine it and figure out what’s going on. The backktick, not to be confused with the singe quote mark, is found on the key to the immediate left of the number 1 key. It’s on the same key as the tilde ~ but in lower case.

  backtick
  code
  backtick

• 

  storm2001girls · Member · Mar 6, 2011 at 8:31 pm

  • Copy link

  Here’s the table…

  `

  <tbody>
  <tr>
  <th>DATE</th>
  <th>TIME</th>
  <th>LOCATION</th>
  </tr>
  <tr>
  <td>Wednesday, March 9</td>
  <td>6:00pm – 7:30pm</td>
  <td>Acts Dome</td>
  </tr>
  <tr>
  <td>Wednesday, March 23</td>
  <td>6:00pm – 7:30pm</td>
  <td>Acts Dome</td>
  </tr>
  <tr>
  <td>Wednesday, March 30</td>
  <td>6:00pm – 7:30pm</td>
  <td>Acts Dome</td>
  </tr>
  <tr>
  <td>Wednesday, April 7</td>
  <td>6:00pm – 7:30pm</td>
  <td>Acts Dome</td>
  </tr>
  <tr>
  <td>Wednesday, April 14</td>
  <td>6:00pm – 7:30pm</td>
  <td>Acts Dome</td>
  </tr>
  <tr>
  <td>Wednesday, April 21</td>
  <td>6:00pm – 7:30pm</td>
  <td>Acts Dome</td>
  </tr>
  <tr>
  <td>Wednesday, April 28</td>
  <td>6:00pm – 7:30pm</td>
  <td>Acts Dome</td>
  </tr>
  </tbody>
  </table>

• 

  storm2001girls · Member · Mar 6, 2011 at 9:30 pm

  • Copy link

  Here’s the table, I shortened it and added the 2nd backtic to the end…

  <table style="background-color: #fc0;" border="1" cellspacing="5" cellpadding="5" width="100%" rules="all">
  <tbody>
  <tr>
  <th>DATE</th>
  <th>TIME</th>
  <th>LOCATION</th>
  </tr>
  <tr>
  <td>Wednesday, March 9</td>
  <td>6:00pm - 7:30pm</td>
  <td>Acts Dome</td>
  </tr>
  </tbody>
  </table>

• 

  panaghiotisadam · Member · Mar 6, 2011 at 11:20 pm

  • Copy link

  Remove border=”1″ (has no effect) and change all opening td tags to this:
  <td style="border:1px solid #e7e7e7;">

• 

  storm2001girls · Member · Mar 7, 2011 at 12:25 am

  • Copy link

  Thanks Panaghiotisadam. That worked great. I appreciate the help.

• 

  wxlug · Member · Mar 8, 2011 at 10:33 pm

  • Copy link

  hey, do you know how to make the table has black border? I tries to add bordercolor=”black” as it is in HTML, but didn’t work. Thanks.

• 

  panaghiotisadam · Member · Mar 9, 2011 at 12:09 am

  • Copy link

  If you mean black border around each cell, as above, replacing e7e7e7 with 000 .