HTML Help

Mori · Joined: 20 Jul 2009 Posts: 21

Hi,

I'd like to put a sentence on my page so that when a user puts their mouse over a certain word, a tooltip appears including some information. I know how to create a linked word with title, but I don't want it to be a link.
Also how should I do it for an image.

Thanks in advance!
Regards
Mori

PayneLess Designs · Joined: 28 Feb 2007 Posts: 4289 Location: MS

You can use the title="" attribute with the image tag and pretty much all other tags. This gives the normal tooltip popup. If you want something facier on a mouseover than what the title="" attribute gives you, you'll have to use a script code. See...

Popup information box
DHTML Tooltips

Mori · Joined: 20 Jul 2009 Posts: 21

I need something very simple. Are the following codes correct:

For text: <a title=".....">text</a>

For images: <img title="..." src="html://www.example.com/image.jpg" />

Any better suggestions?

PayneLess Designs · Joined: 28 Feb 2007 Posts: 4289 Location: MS

Code: Image Popup:

<img style="width: XXpx; height: YYpx; border: 0;" src="Path to image" title="Mouseover Description" alt="Text Description">

Text Popup:

These words have a tooltip. These don't.

You can change the "p" tags to div tags and style as needed to make a nice div container for links.