Article View: adobe.web.design
Article #221Re: sIFR - what does everyone think of it?
From: Murray
Date: Wed, 11 Mar 2009 01:58
Date: Wed, 11 Mar 2009 01:58
24 lines
1646 bytes
1646 bytes
Seems OK for limited use. But I'd use a different technique. Consider <h1>words words words</h1> and you want those words to appear in some unusual font. Create a graphic using that font and modify your code as follows - <h1><img src="yergraphic.jpg">words words words</h1> Then start spinning the magic - <h1 style="position:relative;overflow:hidden;width:wwwpx;height:hhhpx"><img src="yergraphic.jpg" style="position absolute">words words words</h1> As soon as you make the image have position absolute, it is removed from the flow, and will rise above the words, completely obscuring them. Since overflow is hidden on the container, even if the text is resized, it won't peek out from under the graphic. You can read more about this here - http://www.tjkdesign.com/articles/tip.asp -- Murray
Technical Details
Message-ID:
<C1634A858ED6944A77524B2540D4E715@in.webcrossing.la2eafNXanI>Path:
arc1-ca.pugleaf.net!g2news1.google.com!news1.google.com!newshub.sdsu.edu!webcrossingReferences:
<59b82ab5.-1@webcrossing.la2eafNXanI> <59b82ab5.1@webcrossing.la2eafNXanI>Show Full Headers
Complete Article Headers
X-Google-Thread: ffb7c,bb6bae810d2c61f X-Google-Attributes: gidffb7c,domainid0,public,usenet X-Google-Language: ENGLISH,ASCII-7-bit From: "Murray" <forums@HAHAgreat-web-sights.com> Path: arc1-ca.pugleaf.net!g2news1.google.com!news1.google.com!newshub.sdsu.edu!webcrossing Newsgroups: adobe.web.design Subject: Re: sIFR - what does everyone think of it? Message-ID: <C1634A858ED6944A77524B2540D4E715@in.webcrossing.la2eafNXanI> Date: Tue, 10 Mar 2009 18:58:28 -0700 References: <59b82ab5.-1@webcrossing.la2eafNXanI> <59b82ab5.1@webcrossing.la2eafNXanI> Lines: 25 X-Priority: 3 X-MSMail-Priority: Normal X-Newsreader: Microsoft Windows Mail 6.0.6001.18000 X-MimeOLE: Produced By Microsoft MimeOLE V6.0.6001.18049 MIME-Version: 1.0 Content-Type: text/plain; charset="ISO-8859-1" Content-Transfer-Encoding: 8bit