How do you add text to an image so that the text appears when someone rolls a cursor over the image in a browser?

June 7th, 2011 · No Comments

Good question. Dreamweaver includes the Alt text field when you insert images, but it has no easy way to add the title attribute, and that’s what you need if you want the text to appear when you roll a cursor over an image in IE.

Here’s an example of what it looks like:
<img src=”photo.jpg” width=”250″ height=”360″ alt=”My Great Photo” title=”My Great Photo” />
Note that the code: alt=”My Great Photo” is alternative text, which is recommended because this text is used by screen readers for the blind that ‘read’ web pages to people.
Adding the code: title=”My Great Photo” is not redundant, but you don’t have to use the same text for both. The title text will appear when you roll a cursor of the image.

Hope that helps,
Janine

Tags: Blogs · CMS · Contribute · Dreamweaver 8 · Dreamweaver CS3 · Dreamweaver CS4 · Dreamweaver CS5 · Dreamweaver MX · Dreamweaver MX 2004 · expression web · Fireworks · Images · Web design · Web graphics · WordPress

0 responses so far ↓

  • There are no comments yet...Kick things off by filling out the form below.

You must log in to post a comment.