logo-dw

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

Reply
 
Thread Tools Display Modes
Old 08-19-2009, 01:01 AM   #11
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,204
Default

i use a css class for this , have a look at www.concord-bali-villas.com and hover over the villa names in the bottom link. this method could be used for what i think you want
actually a work in progress is www.concord-bali-villas.com/index3.php is the same principle different settings. If it is ill post the class, i did a couple of weeks ago also seach tooltip
__________________
If you're happy and you know it shake your meds!
different style links examples

Flight / Hotel search
Free script download
Bali Villas
edbr is offline   Reply With Quote
Old 08-19-2009, 12:28 PM   #12
chrissia7890
 
Join Date: Jul 2009
Posts: 29
Default

Hi Ed,

That is what i needed, a fix position on on the image instead of running image when the cusor moves. I am a beginner in DW, is it difficult to do this?

Thanks for your help.
chrissia7890 is offline   Reply With Quote
Old 08-20-2009, 12:46 AM   #13
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,204
Default

the class is
Code:
a.tooltip:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/
a.tooltip span {display:none; padding:2px 3px; margin-left:-50px; margin-top:-60px; width:100px;}//adjust for position here
a.tooltip:hover span{display:inline; position:absolute; border:1px solid #cccccc; background:#ffffff; color:#6c6c6c;}
usage
[CODE <a class="tooltip" #"><?php echo $myrow["title"] ;?><span><img src="images/myimage.gif>" /></span></a>][/CODE]
i use # but of course this can be a link to a specific page
__________________
If you're happy and you know it shake your meds!
different style links examples

Flight / Hotel search
Free script download
Bali Villas
edbr is offline   Reply With Quote
Old 08-20-2009, 12:48 PM   #14
chrissia7890
 
Join Date: Jul 2009
Posts: 29
Default

Hi Ed,

Correct me if I am wrong, i setup a css style class. and put the code in this class.

Than, where do i put the usage mentioned below?
chrissia7890 is offline   Reply With Quote
Old 08-20-2009, 01:30 PM   #15
chrissia7890
 
Join Date: Jul 2009
Posts: 29
Default

i notice that you are using php, can this be apply to html?
chrissia7890 is offline   Reply With Quote
Old 08-21-2009, 01:55 AM   #16
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,204
Default

no prob sorry i was rushing as usual and posted part of my used code as i am getting the images dynamically. yes just hard code
<a class="tooltip" #">Link<span><img src="images/myimage.gif>"
__________________
If you're happy and you know it shake your meds!
different style links examples

Flight / Hotel search
Free script download
Bali Villas
edbr is offline   Reply With Quote
Old 08-22-2009, 02:10 AM   #17
chrissia7890
 
Join Date: Jul 2009
Posts: 29
Default

Hi Ed,

This is actually what i wanted. Thanks Bro...
chrissia7890 is offline   Reply With Quote
Old 09-29-2009, 01:58 AM   #18
chrissia7890
 
Join Date: Jul 2009
Posts: 29
Default

Hi Ed,

I have another issue and i think you are the right person to help me. I saw in your site that you are able to display all the pictures in a fix position be it where your mouse moves.


Can you show me how?

Thank you
chrissia7890 is offline   Reply With Quote
Old 09-29-2009, 02:49 AM   #19
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,204
Default

margin-left:-50px; margin-top:-60px; that is the element that positions it relative to the link
__________________
If you're happy and you know it shake your meds!
different style links examples

Flight / Hotel search
Free script download
Bali Villas
edbr is offline   Reply With Quote
Old 09-29-2009, 02:57 AM   #20
chrissia7890
 
Join Date: Jul 2009
Posts: 29
Default

Hi Ed,

The problem is i have different links at different place within the page. the pop out is relative to the link.

Please see your link http://www.concord-bali-villas.com/v...ntai-biru.html where you have six pictures at the bottom right and the pop out is all in the same place. How do you do this?

Thanks
chrissia7890 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 11:38 PM.


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