I want to use a repeating graphic as an HTML frame border. How do I do this?

Question

I have a "curtain" type background as surrounding frames, but I would like to add tassels along the bottom or sides of the frames. Is there a way to add a repeating tassel graphic as a frame border?

Answer 1

Awkward, but you'll need to define a separate (footer-type?) div at the bottom or along the side, with their own (css) background images, hence:

div#left { background-image: url("left-tassle.jpg"); float: left; width: 5%; }
div#main { background-image: url("main-curtain.jpg"); float: left; width: 85%; }
div#right { background-image: url("right-tassle.jpg"); float: left; width: 5%; }
div#footer { background-image: url("bottom-tassle.jpg"); clear: both; width: 95%; }

You may have to diddle percentages to make it look JESSS RIGHT!
OOps I forgot to mention: in the divs you need to set up "background-repeat: repeat-y;" whenever appropriate...

Answer 2

you shouldn't be using frames. they are difficult for handicaps and search engines to navigate.