«
»

[Aha! moment] Borderless table in wordpress.com post

I love using table to format my post. And it makes sense to hide the border. In web pages, it is simple adding table attribute border=”0″. As you might have know, we can use html tag in wordpress.com. However, that same table border attribute does not work when i added.  With the border visible, my posts looks ugly.

The way to hide the table border is adding attribute style=”border: none;” in table tag as well as all the table data (<td>) tags.

Here’s the table without the tag:

Column 1 Row 1 Column 2 Row 1
Column 1 Row 2 Column 2 Row 2
<table>
<tbody>
<tr>
<td>Column 1 Row 1</td>
<td>Column 2 Row 1</td>
</tr>
<tr>
<td>Column 1 Row 2</td>
<td>Column 2 Row 2</td>
</tr>
</tbody>
</table>

Ugly isn’t it? Now here’s the table with the tag added:

Column 1 Row 1 Column 2 Row 1
Column 1 Row 2 Column 2 Row 2
 <table style=”border: none;”><tbody>
<tr>
<td style=”border: none;”>Column 1 Row 1</td>
<td style=”border: none;”>Column 2 Row 1</td>
</tr>
<tr>
<td style=”border: none;”>Column 1 Row 2</td>
<td style=”border: none;”>Column 2 Row 2</td>
</tr>
</tbody>
</table>

Aha!

1 Comment

  1. WordPress.com or WordPress.org? « Azare Puasa says:
    December 3, 2012 at 10:33 am

    [...] WordPress.com or WordPress.org? WordPress.com refers to wordpress hosted sites while wordpress.org are self hosted site.  What is the difference? As usual, I’ll present it in the usual gangnam Azare style i.e. a table. When it comes to formatting webpages, html table is my first choice. Formatting tables in wordpress is a bit different from normal html. If you want to know how to draw a borderless table, read my aha-moment-borderless-table-in-wordpress-com-post [...]

(Comments are closed)

  • About Me

    azarepuasa

    A bloke currently trying hard to improve his life. Career advancement, finding Miss Right and settle down and making lots of $$ are the only things in my mind right now.

    View Full Profile →

  • Feedback & Comments

    If you have any comments or feedback, write it here.