WordPress.com

1. storm2001girls
   Member
   Mar 6, 2011, 7:27 PM

   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 storm2001girls.wordpress.com.

2. timethief
   Member
   Mar 6, 2011, 8:16 PM

   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

3. storm2001girls
   Member
   Mar 6, 2011, 8:31 PM

   Here's the table...

   `<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>
   <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>

4. storm2001girls
   Member
   Mar 6, 2011, 9:30 PM

   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>

5. panaghiotisadam
   Member
   Mar 6, 2011, 11:20 PM

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

6. storm2001girls
   Member
   Mar 7, 2011, 12:25 AM

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

7. wxlug
   Member
   Mar 8, 2011, 10:33 PM

   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.

8. panaghiotisadam
   Member
   Mar 9, 2011, 12:09 AM

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

Topic Closed

This topic has been closed to new replies.