Creating a link within Image Map |
Creating a link within Image Map |
bzsim8 |
Apr 3 2009, 11:41 AM
Post
#1
|
Group: Members Posts: 9 Joined: 1-April 09 Member No.: 8,208 |
Hello there. I found this great tutorial on a CSS image map which I have been able to modify to fit my image map and it works great. Now I want to add a link within the text that pops up, but I'm having trouble figuring out how to do it. Example: It says the bunny is "Cute and fuzzy" in the pop up and I want to make "fuzzy" a link.
Here is the tutorial I followed: http://csshowto.com/effects/css-image-maps...p-up-tool-tips/ When I try to add anchor tags to the text within the <li>, it doesn't work right. I guess it's conflicting with something already set in the CSS. I'm using Dreamweaver. I'm somewhat familiar with CSS, but everything I've tried so far doesn't work. Any suggestions? Thanks so much! This post has been edited by bzsim8: Apr 3 2009, 11:42 AM |
Darin McGrew |
Apr 3 2009, 11:44 AM
Post
#2
|
WDG Member Group: Root Admin Posts: 8,365 Joined: 4-August 06 From: Mountain View, CA Member No.: 3 |
Can you provide the URL (address) of a document that demonstrates the problem?
|
pandy |
Apr 3 2009, 01:16 PM
Post
#3
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
I moved this thread to the CSS forum and deleted the other one that was already there.
|
bzsim8 |
Apr 6 2009, 09:48 AM
Post
#4
|
Group: Members Posts: 9 Joined: 1-April 09 Member No.: 8,208 |
Can you provide the URL (address) of a document that demonstrates the problem? This is a rough draft of my map: http://www.ankenyiowa.gov/ftp/const_map/const_map3.html I need to provide a link within the pop up box. I have tried with no success. |
Darin McGrew |
Apr 6 2009, 11:33 AM
Post
#5
|
WDG Member Group: Root Admin Posts: 8,365 Joined: 4-August 06 From: Mountain View, CA Member No.: 3 |
I recommend that you start by fixing the markup errors and CSS error reported by the online tools. For one thing, decide whether you're using XHTML or HTML, and don't mix the two. If you're using XHTML, then don't use HTML comments in style elements to comment out the CSS. (Besides, HTML comments aren't needed in style or script elements any longer.)
Once you stop trying to put the entire table for each entry inside an anchor (the a element), then you can just put normal links inside the table content. |
pandy |
Apr 6 2009, 11:56 AM
Post
#6
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
You have to follow a pretty narrow path when you move the mouse pointer from the dot to the pupop. It actually took me a while to realize I could...
FYI the popups don't work in IE6, which still has a large userbase. http://www.upsdell.com/BrowserNews/stat.htm |
bzsim8 |
Apr 6 2009, 04:02 PM
Post
#7
|
Group: Members Posts: 9 Joined: 1-April 09 Member No.: 8,208 |
You have to follow a pretty narrow path when you move the mouse pointer from the dot to the pupop. It actually took me a while to realize I could... FYI the popups don't work in IE6, which still has a large userbase. http://www.upsdell.com/BrowserNews/stat.htm I'm going to actually make the dots the link instead of a word inside the text, so that will solve that problem. Anyone have a workaround for IE6? I have IE7 so I can't test it. |
pandy |
Apr 6 2009, 05:39 PM
Post
#8
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
Maybe you got something wrong. I see now the demo works in IE6, but yours doesn't.
|
Lo-Fi Version | Time is now: 16th April 2024 - 05:32 PM |