The image tiles on this page may be used for any NON-COMMERCIAL use!

Banding Techniques

String images together using ALIGN=Left or ALIGN=Right tags to get some interesting banding effects which you can use as page separators. Remember that images are cached so you only need to download this image once.


Notes:

Bands 1-3 These bands all use WIDTH= in order to change the width of the image and, thus, stretch or shrink it. In Band 1, HSPACE= is used to space the images so that the background shows through. Bands 2 and 3 use the BORDER= qualifier to draw a border/spacer around the image. The color of the border is determined by the current font color so enclose the image tags within <FONT COLOR='acolor'> and </FONT> tags to set the border color. All of the images use HSPACE= qualifiers to maintain some vertical distance between rows. Further, all of the images us ALIGN=left to stack the images next to one another starting from the left side of the document.
Band 4 This band aligns some images to the left and some to the right of the page. Although the text appears in between the image sets, the HTML for the text is written after the HTML for all of the images.
Bands 5 and 6 Both of these bands draw lines with a single pixel gif which is expanded with the HEIGHT= and WIDTH= qualifiers. In order to cause the overlay in Band 6, the images use ALIGN=left and the colored ribbon uses ALIGN=right. As is often the case with overlays, you may need to scroll the screen in order to have the overlay draw properly. Order of HTML statements is also very important in determining which image is on top.




Organizing Images with Tables

More control can be had over the positioning of images by organizing them into tables.



Framing


Three single cell tables are shown in this line. Each contains the same bordered image. However, the table qualifiers of CELLPADDING=, CELLSPACING=, and BORDER= differ. Interesting frame effects can be accomplished by varying these values.




Try it with some other tiles...
If you want to see what these patterns might look like with some of the Morphic Molecules Lace Tiles, click on one below. The page will be rewritten using that tile.

This page has been accessed

times since January 17, 1999.