Jump to content



Recommended Posts



ive noticed on many sites that have abbiviations or 'jargon' in text they offer a tooltip,

this is underlined with a dotted line, and when you hover over it the mouse icon becomes a '?' as well as in a small box displaying the chosen text.


is this code w3c compliant and what is it if you know? i'd like to use it to make things more 'plain english'

thanks :)

Link to comment
Share on other sites

You are refering to Acronyms and abbreviations


<P>Welcome to the <acronym title="World Wide Web">WWW</acronym>!


<abbr title="Social Security Number">SS#</abbr>


You can style them as you please



/* style sheet */

abbr, acronym {

border-bottom: 1px dotted blue;

cursor: help;

color: blue;


Link to comment
Share on other sites

The key is the title attribute. You can use the title attribute with any tag and the text you put in there will appear when they mouse over that tag. As for the underline and cursor change that's just CSS. I use the title attribute in Lazarus to explain what image links are for.

Link to comment
Share on other sites

great advice guys :unsure:

it's nice to have tooltips as it really does save you from having to explain in the main body what "big words mean" so tidies up the page :)


just getting in to css, its a bit confusing at first but im warming to it

Link to comment
Share on other sites

The alt attribute (yes, it’s an attribute, not a tag) contains an alternative description, and is required for images and image maps. It can only be used for the img, area, and input elements (and the deprecated applet element). For the input element, the alt attribute is meant to be used for graphical submit buttons: <input type="image" src="image.gif" alt="Submit" />.


Use the alt attribute to provide text for visitors who, for whatever reason, can’t see the images in your document. This includes visitors using browsers that cannot display images or have image display disabled, visually impaired visitors, and screen screen reader users. Alt text is to be used instead of an image, not as additional information.

Link to comment
Share on other sites

  • 12 years later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Create New...