How to Remove Table Borders in Nvu and KompoZer
by Christopher Heng, thesitewizard.comI 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.
Prerequisites
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:
- How to Design and Publish Your Website with Nvu
- How to Design and Publish Your Website with 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 The Beginner's A-Z Guide to Starting/Creating Your Own Website first to get the big picture of the entire process of creating a website.
How to Remove the Borders of a Table in Nvu or KompoZer
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.
Copyright © 2008 by Christopher Heng. All rights reserved.
Get more free tips and articles like this,
on web design, promotion, revenue and scripting, from http://www.thesitewizard.com/.
If you find this article useful, please consider making a donation.
thesitewizard™ News Feed (RSS Site Feed)
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 http://www.thesitewizard.com/thesitewizard.xml. You can read more about how to subscribe to RSS site feeds from our RSS FAQ.
Please Do Not Reprint This Article
This article is copyrighted. Please do not reproduce this article in whole or part, in any form, without obtaining my written permission.
Related Pages
- How to Add a CSS Navigation Button Menu to Your Site with KompoZer
- How to Centre a Table Using CSS in Nvu and KompoZer
- How to Test Your Website Under Different Screen Resolutions under Windows the Easy Way
- Which Font Should I Use for My Web Page? Tips on Choosing Fonts for Your Website
- How to Register Your Own Domain Name
- Which Web Host Do You Recommend? (FAQ)
- The Fine Print in Web Hosting: Resource Usage Limits
- What Sort of Website Should I Create In Order to Earn Money?
New Pages
- How to Create and Use Cookies in PHP
- How to Insert Google AdSense Advertisements into Your Blogger Blog
- How to Design a Two Column Layout for Your Website Using CSS
- Is It Legal to Use Any Piece of Music, Image, or Article for my Website? And Other Questions on Copyright Relevant to Webmasters
- Why Do the Pictures on My Web Page Not Show Up in Nvu / KompoZer? Troubleshooting the Broken Images on Your Page.
- Should I Have a Multi-Column Newspaper Layout for My Website? More Tips on Usability
- Should I Use a Temporary Domain Name Till My Preferred Domain Becomes Available?
- Should You Use Cloaked Domain Redirection to Point to Your Website?
- Why Is My Site Not Ranking in the Search Engines?
- What Sort of Website Should I Create In Order to Earn Money?
Popular Pages
- How to Start / Create Your Own Website: The Beginner's A-Z Guide
- Tips on Choosing a Good Domain Name
- How to Create a Search Engine Friendly Website
- Dreamweaver Tutorial: How to Create a Website with Dreamweaver CS3
- How to Design and Publish Your Website with Nvu (free WYSIWYG web editor)
How to Link to This Page
It will appear on your page as:
How to Remove Table Borders in Nvu and KompoZer
thesitewizard™, thefreecountry™ and HowToHaven™ are trademarks of Christopher Heng.
Last updated: 21 March 2008.
