Brought to you by the Ecology Spiders |
Creating a vertical border |
When you specify a background image for your document using the
background attribute for the tag,
the image is rarely the exact size of the user's browser
window. In order to fill the window, the browser repeats the
image over and over until the window is completely filled,
unless you make the background an image.
|
The image will be repeated both horizontally and vertically,
as needed, to fill the window. If the image is very wide and
short, it will be repeated many times vertically but not at all
horizontally.
If you put a repeating pattern along the edge
of the image, the repeating pattern will create a stripe or
border down the page.
For example, this page has a stripe down the left edge.
The background image used for this page is:
![]() (I set the border of the vertical stripe to 1 and it's background is transparent so you could see the true image). The striped pattern on the left repeats as the image is tiled down the page. The result is a stripe down the left edge of the page that repeats the whole length of the page. To see how to shift your page's left margin to take advantage of your vertical border, see hot tip on shifted left margins. |