I received a message from a vistor to thesitewizard.com asking me how he could either remove the borders of his tables in Nvu or KompoZer, or if that was not possible, make it invisible or transparent. The idea was so that his table did not have the ugly borders that was created by default. This article briefly provides the procedure on how you can do this using those free web editors.
I will assume here that you know more or less how to create a table using Nvu or KompoZer. If you don't, please check out one of the following tutorials:
If you don't even know how to use Nvu or KompoZer to create a website, please see one of my tutorials on how to use them. The tutorials take you through all the steps of designing a fully functional website using either Nvu or KompoZer:
Nvu and KompoZer are free web editors that allow you to visually create your websites. Either of them will do, but if you don't know which to choose, pick KompoZer since the latter is a bug-fixed version of Nvu. You may also want to read the article How to Start / Create a Website: The Beginner's A-Z Guide first to get the big picture of the entire process of creating a website.
If you want to remove the borders of a table, simply set the width of the border to 0 (zero). Do the following:
Make sure your cursor is somewhere in a cell within the table. Any cell will do. To do this, simply click your mouse in one of your table cells.
Click the "Table" menu followed by the "Table Properties" item on the menu that appears.
A dialog box will appear. In the section "Borders and Spacing", you should be able to see that the width of the border is set to 1 (one) pixel (the default setting). It may be some other number if you have changed this when you created your table. Change it to 0 (zero). That is, change the line that says "Border: 1 pixels" so that it says "Border: 0 pixels".
Click the OK button.
You can now check your table by selecting the "Preview" mode to see how the page should render in a normal browser. The preview mode can be activated by clicking the "View" menu followed by the "Preview" menu item. Remember to return to the "Normal" mode after checking the results.
In the "Normal" editing mode, the table will still show the table borders, although in red this time. This is needed so that you can see where the invisible table borders are. Otherwise you will be flying blind when designing.
That's it. The table borders are now gone.
Do you find this article useful? You can learn of new articles and scripts that are published on thesitewizard.com by subscribing to the RSS feed. Simply point your RSS feed reader or a browser that supports RSS feeds at https://www.thesitewizard.com/thesitewizard.xml. You can read more about how to subscribe to RSS site feeds from my RSS FAQ.
This article is copyrighted. Please do not reproduce or distribute this article in whole or part, in any form.
It will appear on your page as: