Border image

[rapro]

Hi everyone,

I've been trying to add image to main border, but so far dont know how it realy works.
I found a website where is explaned how to do it.

http://www.css3.info/preview/border-image/

but here they talk about css3, can we use it whith zen cart?

What i did is:

#mainWrapper {
background-color: #ffffff;
text-align: left;
width: 950px;
vertical-align: top;
border-image: url(..includes/templates/wxt/images/border.png);
}

but it does not work.

Does anyone know how to add image to border?
With google and on forum i get "image border" results when i use search.

Tnx in advance
Rapro

[Branden]

css3 will be supported by IE9 when it comes out but yes you can use css3 in zen cart. Its a browser thing.

http://www.zencartcodeanddesign.com

[Branden]

When trying to get your CSS3 to work I use Chrom or firefox.

[rapro]

Tnx for response Branden

I only use FF and chrome. Can u plz tell if i did wrong or right on this one,
border-image: url(..includes/templates/wxt/images/border.png);

webshop link

Rapro

[Branden]

Without trying it my self it looks like you may have missed the /

border-image: url(../includes/templates/wxt/images/border.png);

make sure it gracefully degrades in bowser's that don't support CSS3

http://www.zencartcodeanddesign.com/

[gjh42]

border-image: url(../images/border.png);

This is all you need for images properly stored in your template images folder.

[rapro]

cant get it working

gjh42 u have a webshop future relics that does use border-image, only what u didthere, so far i can see, is u used it as background image for main wrapper.
What i wanted to do is to replace:

border: 1px solid;

with,

border-image: url(../images/border.png);

dont know if it right solution for this.

[gjh42]

No, I didn't use the CSS border-image; I used background-images positioned to serve as a border.