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

THE PIECES (8) - All use a transparent background

arcLL1.GIF Size: 2.02K	arcLL2.GIF Size: 2.7K	arcLR1.GIF Size: 2.02K	arcLR2.GIF Size: 2.72K

arcUL1.GIF Size: 2.7K	arcUL2.GIF Size: 2.02K	arcUR1.GIF Size: 2.7K	arcUR2.GIF Size: 2.02K

EXAMPLE ONE
 

Here's an example in which the border design has been used to create an arch with text displayed in the middle. The COLSPAN cel attribute was used to merge the center column into a single cel. See the version below, with a table border, to understand the table layout.

Here's an example in which the border design has been used to create an arch with text displayed in the middle. The cel alignment attributes keep the border sections lined up properly. The upper two cels have VALIGN="BOTTOM"; the two lower cels use VALIGN="TOP"; and the lower right cel uses ALIGN="RIGHT". Remember to read the Layout Tips.

EXAMPLE TWO
 

The design could be used in a very large repeating border, possibly at the bottom of a web page. It's so large, though, that you'd only get two repeats of the arch on a 640 x 480 sized browser. Remember to read the Layout Tips.

EXAMPLE THREE


This example uses a repeating pattern as the backdrop image of a table. Frivolous, but neat. But then this border set is pretty frivolous; it can't be used very well to frame text, so it's largely just decorative.

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. Cel alignment is crucial with this design. Work from the HTML code of the examples as you experiment with it!.

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.