ok, i answered my own question.
i used this approach:
<p><a href="somelink.html" id="somename"><span>Text to be
replaced</span></a></p>
I then gave the <a> a background image, and on hover, adjusted the
background position to show the hover state. And finished by giving the
<span> a display:block; and text-indent:-9999px;
granted, i haven't yet checked in the evil IE twins, 6 and 7, but all is
well in firefox and safari. i would think that technique is not really
so far-out and crazy that it wouldn't work.
thanks!
jen
------------------------
Original message
------------------------
Date: Sun, 24 Jun 2007 19:58:22 -0600
From: J Siegfried <[EMAIL PROTECTED]>
Subject: [css-d] Image replacement with hover effect, not in a nav
list
To: [email protected]
Message-ID: <[EMAIL PROTECTED]>
Content-Type: text/plain; charset=ISO-8859-1; format=flowed
hi -
i keep coming across this issue, and i can't seem to find anything in a
google search ...
i want to replace text with an image, and have the image change its
background position on hover, but it's not part of a navlist - it's
either placed under a <p> or floated next to a <p>.
somehow, my brain doesn't know how to approach this if it's not part of
a navlist. i keep thinking that if i wrap the hyperlink in an <a> and
move it off the screen, then apply a background image to, say, a <p>,
how does the background position of one element change when you hover
over the other?
or, if i place the background image on the <a>, in order to take
advantage of the hover property to move the background position, do i
then have to use a <span> to contain the text and move it off the
screen? i usually avoid the IR method involving <span>s, but maybe this
is just the way to do this technique, i don't know.
i am probably thinking about it all wrong, or making it more complicated
than it really is...
can someone point me to a link, if you have one, that might address this
specific issue? all i've been able to find is regarding navigation lists.
thanks in advance!
jen
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
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/
