Advanced Search

1 Pixel Table Border

DreamWeaver Tutorial by Björgvin Guðmundsson


Many of you might be wondering how you make your tables with the 1pixel extra thin border. This method also comes in use if you are having problems with your border colour in Netscape

Update: Since this tutorial was written a while back, there is a much better solution you can use by applying CSS to your table or DIV's. Just create a style ".thinborder { border: 1px solid #000; }" and apply it to your element.

Step 1: Create a new document

Create a new document in Dreamweaver and use white (#FFFFFF) as your background colour.

Step 2: Insert a table

Create a table (let's call it main) with a background color the same as you want your border colour to be, in my case solid black, (#000000). Use Dreamweaver´s Inspector to set it's cell padding to 1 pixel.

Step 3: Set the table properties

Put another 100 per-cent wide table inside the main table and set it´s background colour to white.

This is how your HTML code will look like:

Your content

You can find more Dreamweaver tutorials at