In this lesson, we are making Double Sided Borders. We are showing two ways to do this.
The first way, which you can see on this page, is using using tables, two side tiles a main background and a 'blank' transparent gif to separate the background from the sides.
The second way is also using tables but without using the 'blank' transparent gif. This is a more conventional way associated with putting a webpage together.
In my opinion, this way does not look as good. You can see this page HERE

For this page, I made three tiles,

The graphic that is tiled down the left of this page A mirror image of the left hand tile for the right side of this page A tile to use as the main background to fill the center

Choose Desination Home My Juelle Portfolio Lesson 01 - Color Coordination Lesson 02 - Seamless Tiles Lesson 03 - Bars N Buttons Lesson 04 - Side Borders Lesson 05 - Double Borders Lesson 06 - Top Borders Lesson 07 - Fun With Fonts Lesson 08 - Headers, Banners & Logos Lesson 09 - Java Scripting & CSS Codes Lesson 10 - Applets Lesson 11 - Shadowed Borders Lesson 12 - DHTML, CSS & Javascript Lesson 13 - Mouseovers Lesson 14 - A Framed Page Lesson 15 - Tables Lesson 16 - Image Slicing Lesson 17 - Image Mapping Lesson 18 - Adding A Menu Bar Lesson 19 - Frames Lesson 20 - Finale

Learn Web Design At


Page Design by © Michelle
Font used in Header is Branching Mouse Becker
*I use 1280 x 1024 Screen Resolution*