logo-dw

Go Back   Dreamweaver Club Forums > Dreamweaver forums > Dreamweaver General
Register FAQ Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Display Modes
Old 05-29-2011, 02:30 AM   #1
agapoula25
 
Join Date: May 2011
Posts: 2
Default Help!! Multiple spry tooltips for one image?

Please help.
Is it possible to create multiple tooltips for one image? Maybe with using hotspots? I've been trying for hours, and I can't figure it out.
I don't want hotspots with links, only with text pop-ups.
I'm willing to try other ways, it doesn't have to be with spry.

Thank you so much!!

Tina
agapoula25 is offline   Reply With Quote
Old 05-29-2011, 02:32 AM   #2
agapoula25
 
Join Date: May 2011
Posts: 2
Default Help!! Text only in hotspots for CS5?

I would like to make hotspots without links, so alt text will pop up only. At the moment when I do this, the cursor changes into a hand (indicating there is a link), which prompts people to click the area. That's because it expects a link - but I just want text to come up only! Perhaps I need to use something other than hotspots, or perhaps there is a way to do this with hotspots...

Thanks in advance for any advice.
agapoula25 is offline   Reply With Quote
Old 05-29-2011, 04:37 AM   #3
DWcourse
DWcourse's Avatar
 
Join Date: Apr 2009
Posts: 3,276
Default

You can use a Spry Tooltip applied to a <span> tag.

Edit: Sorry, just realized you were talking about adding tips to hotspots on an image.

You could use the image as a background for a relatively placed div and then absolutely position additional divs with tooltips attached inside the image div.
__________________
If my answer helped, check out DWcourse.com for Dreamweaver tips and tutorials.

Last edited by DWcourse; 05-29-2011 at 04:40 AM..
DWcourse is offline   Reply With Quote
Old 06-01-2011, 01:53 PM   #4
domedia
Administrator
domedia's Avatar
 
Join Date: Dec 2003
Posts: 9,730
Default

Tina,
You can create one element that use the image as a background, and then place two elements inside it with each their tooltip.

CSS:
Code:
#container {
 width: 200px;
 height: 100px;
 background: url(image.gif);
 height: 1%;
 overflow: hidden;
}
.box {
 width: 100px;
 height: 100px;
 text-indent: -9000px;
 float: left;
}
HTML:
HTML Code:
<div id="container">
<div class="box" title="This is Tooltip #1">Link #1</div>
<div class="box" title="This is Tooltip #2">Link #2</div>
</div>
Will that work for you?

.
domedia is offline   Reply With Quote
Old 06-01-2011, 03:27 PM   #5
DWcourse
DWcourse's Avatar
 
Join Date: Apr 2009
Posts: 3,276
Default

Duplicate post BTW: http://www.dreamweaverclub.com/forum...ad.php?t=40490
__________________
If my answer helped, check out DWcourse.com for Dreamweaver tips and tutorials.
DWcourse is offline   Reply With Quote
Old 06-01-2011, 04:01 PM   #6
gentleone
gentleone's Avatar
 
Join Date: Nov 2009
Location: Rhodes, Greece
Posts: 2,837
Default

Quote:
Originally Posted by DWcourse View Post
I've merged threads.
__________________
www.gentlemedia.nl
gentleone is offline   Reply With Quote
Old 09-04-2011, 09:58 AM   #7
kellexDC
 
Join Date: Sep 2011
Posts: 3
Default

Maybe you can slice the picture so you can put an alt text or title for each.
kellexDC is offline   Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 07:52 AM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com