Blocks border help
Permalink
Good day - new bie
I am trying to add a picture to blocks border - side bar
Please view attachment
My code - what am I doing wrong -
I get the solid border but not the image?
[/#sidebar {
float: right;
width: 208px;
padding-top: 0px;
border: solid;
border-width: 10px 10px 10px 10px ;
border-image: url("images/border/drop.bmp") 5;
}]
I am trying to add a picture to blocks border - side bar
Please view attachment
My code - what am I doing wrong -
I get the solid border but not the image?
[/#sidebar {
float: right;
width: 208px;
padding-top: 0px;
border: solid;
border-width: 10px 10px 10px 10px ;
border-image: url("images/border/drop.bmp") 5;
}]
Tryed it - not working -
Is thier another way to do this, want left,top,right and bottom border picture?
Thanks
Is thier another way to do this, want left,top,right and bottom border picture?
Thanks
I have done the following in the design option,I have entered the following for css - still no luck
background-image: url(images/back.gif);
background-image: url(images/back.gif);
Here is a quick example, attached.
Salaams
Thank you I will have a look.
Thank you
Thank you I will have a look.
Thank you
1. border-image is a CSS3 property which might not be yet supported
2. convert your image from .bmp to .jpg/.gif/.png
3. use an absolute url, without " or '
4. use border-style: solid instead of just border.
I'd suggest you use a background image instead.