Default template us an images as body border

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
Djunity
Forum Members
Forum Members
Posts: 44
Joined: Fri Apr 18, 2008 6:33 pm

Default template us an images as body border

Post 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
User avatar
tophers
Forum Members
Forum Members
Posts: 218
Joined: Thu Jun 07, 2007 7:25 pm

Re: Default template us an images as body border

Post 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
Post Reply

Return to “Layout and Design (CSS & HTML)”