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.

Use this bookmarklet for Internet Explorer:

Display Table Borders

Use this bookmarklet for other browsers:

Display Table Borders

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

 

This article written by Stephen Chapman, Felgall Pty Ltd.

go to top

FaceBook Follow
Twitter Follow
Donate