> Hi!
>
> I'm trying to replace Text of a button when the mouse is
> hovering over it.
>
> Is there a way to do this.
>
> This is the site: http://www.jocoartistguild.com The button
> I want the text to change is Businesses. I want it to change
> to Businesses Support the Arts
>
> This is the link to the css
> http://www.jocoartistguild.com/CSS/style_joco.css
>
> Thanks for any help!
> Donna Light Pfledderer
>
Donna,
The only way that you could really change the text with CSS is if the Text
is already there. Like this:
<a href="yoururl.html"><span>Business</span><span
class="onhover">Businesses Support the Arts</span></a>
then css wise:
a:hover span {
display: none;
}
a:hover span.onhover {
display: inline;
}
That's really the only way you could do that for now with css unless the
button has a background-image, which it is not at the moment. If you
wanted to actually change the text in the DOM you would do that with
javascript. Note that when you do this since it isn't the same amount of
text you will see the nav expand or cut off the extra text.
Nick
--
Using Opera's revolutionary e-mail client: http://www.opera.com/mail/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/
