Table border not showing

• 

  samihaouili · Member · Jan 11, 2011 at 3:02 am

  • Copy link
  • Add topic to favorites

  Hi,
  I am trying to insert a table in a page and I can’t seem to get the table’s outside border to show. The inner grid does show.
  What am I missing?

  Please see an example:
  http://samihaouili.wordpress.com/table-not-showing-external-borders/

  Thanks
  Sami

  Or cut and past the HTM code:

  <table cellspacing=”0″ cellpadding=”1″ width=”99″ border=”1″>
  <tbody>
  <tr>
  <td valign=”top” width=”33″>A</td>
  <td valign=”top” width=”33″>B</td>
  <td valign=”top” width=”33″>C</td></tr>
  <tr>
  <td valign=”top” width=”33″>L</td>
  <td valign=”top” width=”33″>M</td>
  <td valign=”top” width=”33″>N</td></tr>
  <tr>
  <td valign=”top” width=”33″>X</td>
  <td valign=”top” width=”33″>Y</td>
  <td valign=”top” width=”33″>Z</td></tr></tbody></table>

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

• 

  thesacredpath · Member · Jan 11, 2011 at 4:03 am

  • Copy link

  Interesting. In Firefox I see the inner line work but no outer border. In Safari I see the outer border but no inner line work.

  The “border-“1″ thing is obsolete and should be replaced with style=”border:1px solid #000000;” . You also have to call that out for each cell. The code would look like this.

  <table style="border:1px solid #000000;" cellspacing="0" cellpadding="1" width="99">
  <tbody>
  <tr>
  <td style="border:1px solid #000000;" width="33" valign="top">A</td>
  <td style="border:1px solid #000000;" width="33" valign="top">B</td>
  <td style="border:1px solid #000000;" width="33" valign="top">C</td>
  </tr>
  <tr>
  <td style="border:1px solid #000000;" width="33" valign="top">L</td>
  <td style="border:1px solid #000000;" width="33" valign="top">M</td>
  <td style="border:1px solid #000000;" width="33" valign="top">N</td>
  </tr>
  <tr>
  <td style="border:1px solid #000000;" width="33" valign="top">X</td>
  <td style="border:1px solid #000000;" width="33" valign="top">Y</td>
  <td style="border:1px solid #000000;" width="33" valign="top">Z</td>
  </tr>
  </tbody>
  </table>