Herself's Webtools

Scripts, HowTos, Templates, Plugins, Widgets, Tips

Adding borders to pages

without comments

Borders of images can be added across the top of the html document or down the left side. You can add text, individual, elements, tables and more on top of the border text. It acts like a background to other html objects.

To add a border of repeating images, you add the following text to your < head > part of your html document.

< style type=”text/css” >

body { position: absolute; top: 0px; left: 0px;

background: url(image.gif) repeat-y;

}

< /style >

top: 0px; means 0 pixels from the top, left: 0px; means 0 pixels from the left, you can move this down or out as you please. If you use repeat-y then you get a vertical band, repeat-x will give you a horizontal band.

see also:
Beginner’s tips for using CSS

Written by Linda MacPhee-Cobb

February 12th, 2007 at 2:00 pm

Posted in css,gimp,graphics

Leave a Reply

You must be logged in to post a comment.