[css-d] Replace Text on Hover

2006-08-01 Thread Donna Pfledderer @ Virtual Business Connection
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

Re: [css-d] Replace Text on Hover

2006-08-01 Thread MarcLuzietti
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.

Re: [css-d] Replace Text on Hover

2006-08-01 Thread MarcLuzietti
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

Re: [css-d] Replace Text on Hover

2006-08-01 Thread Nick morgan
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

Re: [css-d] Replace Text on Hover

2006-08-01 Thread Christian Montoya
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

[css-d] Replace Text on Hover]

2006-08-01 Thread Bob Meetin
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

Re: [css-d] Replace Text on Hover]

2006-08-01 Thread Christian Heilmann
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

Re: [css-d] Replace Text on Hover

2006-08-01 Thread Dave Pierce
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;