mversion
11-17-2009, 01:00 AM
Basically, I am trying to get logos to come up for various suppliers. The brand names are pulled from the backhand, and I have to use a custom token.
eg.
<div style="background: url([CSS:ProductBrandName:].gif) no-repeat; position: relative; width: 170px; float: right; height: 50px"></div>
So [CSS:ProductBrandName:].gif gets replaced by, say, Cambridge Audio.gif.
However, as a background image this does not work in firefox. In internet explorer it does.
If I use <img src="[CSS:ProductBrandName:].gif" /> it works. But not as a background image, and not in Firefox.
Any idea? I need to have it as a background image so users don't get a no image icon if there's no actual logo file.
Thanks.
eg.
<div style="background: url([CSS:ProductBrandName:].gif) no-repeat; position: relative; width: 170px; float: right; height: 50px"></div>
So [CSS:ProductBrandName:].gif gets replaced by, say, Cambridge Audio.gif.
However, as a background image this does not work in firefox. In internet explorer it does.
If I use <img src="[CSS:ProductBrandName:].gif" /> it works. But not as a background image, and not in Firefox.
Any idea? I need to have it as a background image so users don't get a no image icon if there's no actual logo file.
Thanks.