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 (48) HthinA1.GIF Size: under 600 bytes HthinA2.gif Size: under 600 bytes HthinA3.gif Size: under 600 bytes VthinA1.gif Size: under 600 bytes VthinA2.gif Size: under 600 bytes VthinA3.gif Size: under 600 bytes HwideA1.gif Size: under 600 bytes HwideA2.gif Size: under 600 bytes HwideA3.gif Size: under 600 bytes VwideA1.gif Size: under 600 bytes VwideA2.gif Size: under 600 bytes VwideA3.gif Size: under 600 bytes HthinB1.GIF Size: under 600 bytes HthinB2.gif Size: under 600 bytes HthinB3.gif Size: under 600 bytes VthinB1.gif Size: under 600 bytes VthinB2.gif Size: under 600 bytes VthinB3.gif Size: under 600 bytes HwideB1.gif Size: under 600 bytes HwideB2.gif Size: under 600 bytes HwideB3.gif Size: under 600 bytes VwideB1.gif Size: under 600 bytes VwideB2.gif Size: under 600 bytes VwideB3.gif Size: under 600 bytes HthinC1.GIF Size: under 600 bytes HthinC2.gif Size: under 600 bytes HthinC3.gif Size: under 600 bytes VthinC1.gif Size: under 600 bytes VthinC2.gif Size: under 600 bytes VthinC3.gif Size: under 600 bytes HwideC1.gif Size: under 600 bytes HwideC2.gif Size: under 600 bytes HwideC3.gif Size: under 600 bytes VwideC1.gif Size: under 600 bytes VwideC2.gif Size: under 600 bytes VwideC3.gif Size: under 600 bytes HthinD1.GIF Size: under 600 bytes HthinD2.gif Size: under 600 bytes HthinD3.gif Size: under 600 bytes VthinD1.gif Size: under 600 bytes VthinD2.gif Size: under 600 bytes VthinD3.gif Size: under 600 bytes HwideD1.gif Size: under 600 bytes HwideD2.gif Size: under 600 bytes HwideD3.gif Size: under 600 bytes VwideD1.gif Size: under 600 bytes VwideD2.gif Size: under 600 bytes VwideD3.gif Size: under 600 bytes EXAMPLE ONE Above are two simple horizontal examples. Each is contained in a table with a fixed width, so that if the page is displayed in a very narrow browser window, the sections won't wrap (okay, it would need to be a REALLY narrow window to force these short borders to wrap, but you get the idea). To the right, you see two similar examples of the vertical borders. These are also contained in tables, and there's a <BR> (line break) tag after each graphic, to force the next section to appear below it. Remember to read the Layout Tips. EXAMPLE TWO Here are a couple of ways you can combine strips of these designs into larger patterns. Above, three similar strips are laid over one another to form a bolder, single band of decoration. In the second version, the stripes are laid out differently for a little more dynamic a layout. Note that the end pieces and center pieces are NOT the same width, so you'll need to keep the same number of each in every row in order to keep the borders the same width. Of course you may not WANT them the same width: Remember to read the Layout Tips. EXAMPLE THREE Finally, try combining these simple bands with the celtic panel designs, and with each other. The two examples above use a table to separate the designs into cels that can be aligned differently, depending on the effect you want. Here's what the table layout looks like with the table's border attribute set. If all the cels are set with VALIGN="MIDDLE", the sections are centered vertically, as shown. Remember to read the Layout Tips.

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. It's perfectly possible to use the horizontal versions of this design without tables, but I recommend that you do use them in tables anyway. Narrow browser windows could cause the border to wrap before its alotted time.

5. Because these end pieces and center pieces are NOT the same width, when laying different bands it's important that you use the same number of end pieces and center pieces in each row - if you want the rows to be exactly the same width.

THIS PAGE SPONSORED BY

Volume 1 - now available Celtic Knotwork Borders in Repeating Sections (Paperback) $13.95	Celtic Knotwork Borders in Repeating Sections is a collection of original Celtic knotwork border designs presented in a way that's meant to allow artists the freedom to create knotwork borders in virtually any size, and practically any shape, that they want. When you buy the book, the designs are free for unlimited use within your own projects, both private and commercial. The only restriction on these rights is that you may not reproduce the pattern parts themselves, outside of your original art, for redistribution.

The designs on these pages 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.