Page 1 of 1

Default template us an images as body border

Posted: Mon Feb 23, 2009 9:24 pm
by Djunity
Hi there,

The thing i want but not getting to work yet is the following

on the center wrapper div#pagewrapper i want the following

Code: Select all

border-left: 13px solid black;
border-right: 13px solid black;
But instead of the solidblack border i want to use an image as border (a gradient image) is this possible or does anyone know another way to solve my problem.

Best Regards Djunity

Re: Default template us an images as body border

Posted: Fri Feb 27, 2009 7:36 pm
by tophers
Should be pretty straight-forward:

#pagewrapper {
margin: 0 auto;  /* this centers wrapper */
width: 900px;  /* make sure to set this width to encompass the background graphic */
padding: 0;
background: #ffffff url(uploads/images/gradient_border.gif) no-repeat left top;
}
I use it on this site: http://www.caplconference.ca/2008/
And here's the image I have in the background (it has the horizontal stripe as well, but you get the idea):
Image