Jen, Can you point a link to an example? I would love to see this effect.
TIA, Elli V --- J Siegfried <[EMAIL PROTECTED]> wrote: > 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: css-d@lists.css-discuss.org > 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/ > My Sites: www.jadynteal.com www.eliazer.com www.e7flux.com ____________________________________________________________________________________ Get the Yahoo! toolbar and be alerted to new email wherever you're surfing. http://new.toolbar.yahoo.com/toolbar/features/mail/index.php ______________________________________________________________________ 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/
