Thank-you all for the great collection of ideas.
I'm going though them now and will let you know how it turns out.
You have expanded my vision of what is possible though css.
thank-you
chris
On 7-Mar-08, at 6:07 AM, T wrote:
If you want an ornate frame, for example, where parts of it overlap
the image, set the picture as the background image, then place the
frame image over the top.
For example, each page loads a different image. This is called
image.jpg in the block below (just replace with your image name).
<div class="bg_image" style="background-image: url(images/image.jpg);">
<img src="images/frame.png" ... />
</div>
In your CSS:
#bg_image {
background-repeat: no-repeat;
border: 0; /* Your frame IS the border */
height: (however tall the frame is) px / em / %;
width: (however wide the frame is) px / em / %;
}
Make sure the inside of the frame is transparent, so your background
image will show through.
This way, you can have a gallery style frame, with intricate
patterns, gargoyles, or whatever, sticking into the picture area.
I haven't tested this, but I don't see any reason why it shouldn't work.
Use .png for the frame, cos it has excellent transparency support.
Hope this works out for you, and I'd like to see it when it's done.
Good luck
> -----Original Message-----
> From: [EMAIL PROTECTED]
> Sent: Thu, 6 Mar 2008 18:57:18 -0800
> To: css-d@lists.css-discuss.org
> Subject: [css-d] a picture with in a picture
>
> Is it possible to have an image showing a picture frame and have that
> as part of the css style sheet.
>
> Then in HTML on different pages use that frame to cover over an
> image, giving the image a nice decorative picture frame.
>
> Don't know if I'm pushing the limits.
>
> thanks in advance
> chris
> ______________________________________________________________________
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
