Mouse over Text to show the full text

[Nene75]

Hi everyone:

I would like user to see the full word/sentence of an abbreviated term when mouse over the text. i.e. if the word US then United States displays on mouse over behaviour.

How can I do this in Dreamweaver MX?

Any help provided would be appreciated.

Thanks!

 

[ChrisHirst]

Why Dreamweaver MX? it is only a tool to design websites using HTML, the visitors to your website won't be using DW MX.

One way to do this is to enclose the text in <span> tags then add a title attribute to the opening span tag

<span title=&quot;More Text&quot;>text</span> this will show the 'tooltip' of More Text when the mouse is over the span

also note that IE will (incorrectly) use the alt attribute to the same ends



Chris.

Indifference will be the downfall of mankind, but who cares?

 

[lebisol]

no <span> no love
u can use &quot;show-hide layer&quot; where the layer = &quot;tool_tip&quot;
.....its pain if u have many acronims.
All the best!



> need more info?
:: don't click HERE ::

 

[TruthInSatire]

you can do the same with anchor tags. <a title = &quot;This is the whole text&quot;>Text</a>

but why not acronym tags?
<acronym title=&quot;World Wide Web&quot;>

http://WWW</acronym>

A common mistake that people make when trying to design something completely foolproof is to underestimate the ingenuity of complete fools.
- Quote by Douglas Adams

 

[ChrisHirst]

Most HTML element can have a title attribute, without checking them I think only the non-visual elements don't support this (for fairly obvious reasons) and it does work on <acronym> btw

W3C spec

http://www.w3.org/TR/html401/struct/global.html#adef-title

Chris.

Chris.

Indifference will be the downfall of mankind, but who cares?

 

[Nene75]

Thanks all for your help:

I did the following and it worked well:

<a title=&quot;United Stated&quot; href=&quot;#US&quot;> ...

Nene!

 

[lebisol]

aaa...it is so nice see some of the forgeotten topics/HTML tips
(I ment acronim...as a word not as an HTML tag...LOL....but even better..we got mmore examples out...)
All the best!

> need more info?
:: don't click HERE ::