Web design & Internet tutorials
Search the site...
Home» FAQ » Dreamweaver » How do you add text to an image so that the text appears when someone rolls a cursor over the image in a browser?

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

Posted by Janine Warner - August 25, 2012 - Dreamweaver, FAQ, Graphics
0

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

dwcs3, dwcs4, dwcs5, dwcs6, graphics, web design

Leave a Reply

You must be logged in to post a comment.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

1&1 Hosting

Recent Posts

  • Google Analytics for Creative Professionals – new class on Pluralsight
  • Follow the cursor JavaScript sample
  • Part Four: Tools that let amateurs look like professionals
  • Part Three: Influence, Klout and finding what’s hot
  • Best social media tools part 2: Twitter, Instagram and Pinterest




© 2001 - 2020 All rights reserved. DigitalFamiliy.com | Terms & Conditions of Use | Privacy Policy

This is a demonstration store. No physical products will be shipped. Dismiss