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
Yes, but it's javascript, and thus OT. I'll reply again off-list
--
Marc Luzietti
Flagship Project
Bayview Financial, L.P.
(305) 341-5624
Hi!
I'm trying to replace Text of a button when the mouse is
hovering over it.
Is there a way to do this.
My bad, I thought you meant a real button, not a text-link button. This is
fairly easy to do. The HTML would be:
a href=/Businesses spanSupport the Arts/span/a
The the CSS would be:
a span {
display: hidden:
}
a:hover span {
display: inline;
}
You'll have to play with it to
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
On 8/1/06, [EMAIL PROTECTED]
[EMAIL PROTECTED] wrote:
My bad, I thought you meant a real button, not a text-link button. This is
fairly easy to do. The HTML would be:
a href=/Businesses spanSupport the Arts/span/a
The the CSS would be:
a span {
display: hidden:
}
a:hover span
I used a variation of what Marc emailed on www.coalcreekcollision.com. I added
.ltxt and .rtxt (specific to this site) to split the text display area of the
menu so that the 'additional' right side text would line up and display in a
different color. Also, .s and .l are also optional
a span.l { display: none; }
a:hover span.s { display: none; }
a:hover span.l { display: inline; }
This will also make sure that users of assistive technology will never
get the extra information, which might be a desired output.
div class=vnav
ul
li
a
Donna Demurely Delineated:
I'm trying to replace Text of a button when the mouse is
hovering over it.
Is there a way to do this.
Donna,
Maybe you could try this:
a: span {
text-indent:-3000 px;
}
a:hover span {
text-indent: 0;
display: block;
height: 20px;
text-align: center;