To download any of these images, right-click (Windows) or click-and-hold (Macintosh) on them; then select "Save image as..." and choose a directory on your hard drive where you'd like to save them. First off, the individual pieces appear below. After those you can see some samples of how this border design looks when the pieces are put together. THE PIECES EXAMPLE ONE EXAMPLE TWO EXAMPLE THREE LAYOUT TIPS

04bot.gif Size: 2.89K	04ll.gif Size: 4.2K	04lr.gif Size: 4.22K	04lt.gif Size: 3.07K

File: 04rt.gif Size: 3.09K	File: 04top.gif Size: 2.92K	File: 04ul.gif Size: 4.15K	File: 04ur.gif Size: 4.22K

EXAMPLE ONE

This is the simplest possible use of this set, in which each piece is used only once. The pieces are assembled within a table that's three cels by three cels; the alignment of the center top is set to VALIGN="TOP"; of the center left, to ALIGN="LEFT"; the center right, ALIGN="RIGHT"; and the center bottom, VALIGN="BOTTOM". This aligns all of the border sections so that they line up correctly. Remember to read the Layout Tips. The version below uses a table border to show you how the table's constructed.

EXAMPLE TWO
 

This example is exactly like the first one, but additional horizontal sections have been added to make the border wider. Since the outer edges of the sections are transparent, I've set the table background color to black in this example and you see that the whole interior area is now that color. Remember to read the Layout Tips. The lower version uses a table border to show you how the table's constructed.

EXAMPLE THREE

Extending the border vertically is only slightly more complicated. I've just added <BR> (line break) tags after each vertical border section, to force the next graphic below the previous one.

Remember to read the Layout Tips.

The version on the right uses a table border to show you how the table's constructed.

1. Remember that each of these pieces is downloaded only once by the web browser. That means that there's no additional download time for each of the repeating sections.

2. You should be very cautious about placing text inside a border that's closed on the bottom; because the size of fonts will vary from one system to another, on some systems your border may develop gaps between the sections. It's safest to use a graphic in the middle so you have control over its size.

3. Be sure that your table sets its border size, cel padding, and cel spacing all to zero - otherwise there will be gaps in the design. On some browsers if these attributes are not set they may default to one, not zero.

4. This design uses a transparent background (the exposed interior is transparent) so you can set the table color to whatever you like, as in some of the examples.

THIS PAGE SPONSORED BY

These designs are all copyright Bradley W. Schenck, 1997 & 1998, but may be used without fee by individuals for non-commercial web projects. If you're building your own web site, and you don't make money from the site, feel free to use these designs. If you are profiting by building a site for someone else, do not use them. If you are creating your own commercial site, do not use them. If you want to use one of these designs as a tattoo, a stationery design for your personal email, or want to make an object for your own use (not for sale) using one of these designs, go ahead. It is specifically prohibited for anyone other than the artist to include these images in a collection of clip art, whether for profit or not. Got it?

If you use these designs on your web pages, I would be grateful for a credit and, if possible, a link to: http://www.webomator.com/bws.