Inserting images in to the borders...

User 466032 Photo


Registered User
14 posts

Hi Guys,

Inserting images in to the borders rather than the page background? Is there a way to do this as I cant see a way? I can insert page background images but not border images.

Any help would be appreciated.


Thanks,
Stallen
User 463058 Photo


Ambassador
1,073 posts

There are various ways to insert images to create border effects. It depends on what you are trying to achieve. Have you seen any sites with the effect you're going for which you can point us to so we can see what you're after, or do you have a graphic mock-up of how this piece of your page layout should look?
User 466032 Photo


Registered User
14 posts

Hi Cary,

Sure, check this site out. www.viralert.com

when built in other editors sites like this can have any graphic background, more or less.

Thanks,
Stallen
User 463058 Photo


Ambassador
1,073 posts

In that case, that is a page background image, rather than a border, but the content is covering it. It's just a narrow, but tall, horizontally repeating image applied to the body of the page.

It doesn't extend to the bottom of the page but its color fades into the same background color used by the body. So the bottom edge of the image is hidden because it matches the background color.

Here you can see the background image:
http://www.viralert.com/images/bg.jpg

This is the styling used for the page's body:

body {
margin-top:25px;
margin-bottom:15px;
margin-left:0px;
margin-right:0px;
background-image:url(../images/bg.jpg);
background-repeat:repeat-x;
background-color:#9C9C9C;
color:#000000;
}

The content for the page itself is contained in a centered div with a width of 800px and a white background color to cover the body's background image.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.