- From: Chris Moschini <cmoschini@myrealbox.com>
- Date: Thu, 30 Oct 2003 13:33:50 -0500
- To: www-style@w3.org
The original approach here included HTML bloat - adding extra span tags almost anywhere.
There is a better approach available which does not require a span tag; given:
<h1>Title</h1>
One can replace the text with a graphical version using:
h1 {
background: url( "title.jpg" );
width: 700px; /* height: 100px; */
height: 0px; padding-top: 100px; overflow: hidden;
}
It's the final line that makes it work; the text begins past the element's bottom and is
hidden.
Do screen readers still miss the text on elements using this improved method of Image
Replacement?
-Chris "SoopahMan" Moschini
http://hiveminds.info/
http://soopahman.com/
Received on Thursday, 30 October 2003 13:33:50 UTC