When sifr is loaded, the images i have loading inline with the H3 tags are covered up: http://dearearth.net/eco_fabrics.html

I know this is a known issue. Any help? Thanks! (also, explain in detail when possible, please)

2 answers

orta 244

So what SIFR does is it replaces the entire element with a flash version of the text, it cannot render your images that are in the same element. So, how can you get around this?

One: instead of putting the img inline, why not try make the image the h3's background-image.

Two: You could take the img out of the h3 and float it next to your h3 to get it next to the text.

Three: Switch to using web-fonts

Answered almost 8 years ago by orta

I had tried option 1, and am not too sure how to implement it correctly. I found the following on the subject, but need more detailed directions, in order to replace only certain h3 headings, and to have the image positioned correctly.

Not certain how to implement option 3. Any chance to show?

The issue with option 3 is awful pixellation due to lack of anti-aliasing.

Answered almost 8 years ago by vulgarbulgar