sIFR solution
At the beginning of this year, I briefly bitched about problems implementing Mike's sIFR - a client-side text-to-flash replacement technique - on this site. Today I found a solution to the scalable problem I've experienced using sIFR on some recent projects: by adding the display property with inline as the value to the <h1> (etc.) header selectors, they become as wide as they need to be, ie. the length of the heading text.
h1 { display: inline; }
Brilliant, I can't believe I'd overlooked that.
- leave a comment
5 Comments
I’ve only messed with sIFR a little bit, and this is exactly what kept me from seriously using it.
It’s amazing how such simple fixes can be overlooked so easily. Thanks!
It does mean though that you lose lots of style control (no margins, padding, height, etc.) over the element because you’re changing it from block to inline, but if you’re careful then it’s a sacrifice worth making.
Ha, I was just asking someone yesterday if this was possible. Thanks for the heads up!
ha, I found about this, yesterday, now i am obsessed with display, its fantastic,,,
Leave a Comment
Your e-mail address is required, but will not be published.
17 July 2005
jawrr03:05 am
This may be useful in the future… I’ll just keep it in mind. Thanks!