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.