Sent by Michael Leibson on 5 August 2007 19:07
Does anyone have experience with this?
In the Gilder/Levin Image Replacement Technique, an h (= text for viewers
with 'images off', etc) contains a span (that holds the image that replaces the text):
CSS: #logo {width: [same as image]; height: [same as image]; position: relative; }
#logo span {background: url(logo.jpg) no-repeat; position: absolute; width: 100%;
height: 100%;}
Markup: <h1 id="logo">
<span></span> [logo text]
</h1>
If I want a border around the image, I must add it to the h1, so that it does not impinge on
the text. However, if I want even more space between the text and the left/top border, I need
to add some padding to the h1, as well. Doing this, however, axiomatically adds space
between the border and the image!
Is there a solution?
Thanks!
- Michael
Get a sneak peak at messages with a handy reading pane with All new Yahoo! Mail:
http://mrd.mail.yahoo.com/try_beta?.intl=ca
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
