Hi Bergamot
On 16 Apr, 00:38, Bergamot <berga...@visi.comwrote:
<span>text</spanor whatever element suits you
span {
padding-right: [img width + 3px];
background: #fff url(img.png) right center no-repeat;
}
adjust to taste
I've updated the mock-up at
http://tinyurl.com/5vbko5 with my
understanding of your suggestion, and it half works in standards-
compliant browsers, and doesn't work at all in IE6, regardless of
whether it's in strict or quirks mode.
I've also made the text, the image and the padding much larger,
because as John said, it's only the principle that's important.
In standards-compliant browsers, if you hover over the text in my mock-
up, the text and the image both change colour, which is great; but if
you hover over the image, only the image changes colour and not the
text. Did I implement your suggestion incorrectly in some way; or if
not, is there a fix for this?
In IE6, the image doesn't change colour at all. Is there any way of
doing this that is cross-browser compatible? Much as I wish it weren't
the case, around a third of all users are still using IE6. And I have
seen sites that do achieve the effect I'm trying to achieve in IE6,
but I don't know how they did it.
Dave