![]() |
css positioning
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: Code:
.stickernewlarge { 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 |
Re: css positioning
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; |
Re: css positioning
nice site btw
|
Re: css positioning
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); |
Re: css positioning
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! |
Re: css positioning
It can still be dependent on the extra field and placed right before the description.
|
Re: css positioning
I'll get to those later :)
Thanks for the help, the new and free postage images seem to be playing nicely now, |
All times are GMT -8. The time now is 03:27 PM. |
Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.