X-Cart forums

[amy2203]

I've got a div that is set for certain conditions, basically it displays a 'new' logo for newly added products.

the css that controls the div is:

.stickernewlarge {
background:transparent url(http://www.willowtreecrafts.co.uk/shop/skin1/images/sticker/stickerblue128new.png) no-repeat scroll right top;
display:block;
float:right;
height:128px;
margin:1px;
position:relative;
right:-23px;
top:-74px;
width:128px;
}

my problem is that it sits over the product description.

Can anyone help me change it so the text preferably goes around the image/div?

url:
http://www.willowtreecrafts.co.uk/shop/product.php?productid=13940&cat=7&page=1

tia

[ARW VISIONS]

over complicated I believe.

Put the code directly before the element you wish to have it wrap around.

The description here.

then the css should be.

background:transparent url(http://www.willowtreecrafts.co.uk/shop/skin1/images/sticker/stickerblue128new.png) no-repeat scroll right top;
float:right;
height:128px;
margin:1px;
width:128px;

[ARW VISIONS]

nice site btw

[ARW VISIONS]

also if you call the image with an absolute path using http in the css instead of a relative path IE will bug out and say 'some items on this apge are not secure' when using HTTPS.

you can always call images in the skin1/images folder with just this.

background:url(images/imageName.jpg);

[amy2203]

the thing is that it's dependant on an extra field, so it is only parsed to the page through the extra_fields/product.tpl template that is called further down the page.

Thanks!

[ARW VISIONS]

It can still be dependent on the extra field and placed right before the description.

[amy2203]

I'll get to those later

Thanks for the help, the new and free postage images seem to be playing nicely now,