Display Table Borders Bookmarklet

When you are writing the HTML to display a table on your web page you need to make sure that you get all of the tags in the right places or your table will not display correctly. It is often difficult to see where you are going wrong when a table with borders=0 is not displaying correctly on the page.

The easiest way to find where the problem is in this instance is to temporarily set borders=1 so that you can see where the table elements are on your page. This is not too difficult with one table on the page but if you have multiple tables then updating all of them and remembering to change them back is not so convenient.

This bookmarklet solves the problem for you by temporarily surrounding all of the tables on a web page with a red border and all individual table elements with magenta borders so that you can see where the tables are without having to change your source code.

Note that this bookmarklet only works in Internet Explorer.

To install this bookmarklet right click on the above link and select the add to favorites option from the context menu.

You can see the effect that this bookmarklet has on the source of your web page using the View Source bookmarklet.