SVG links appear but don't connect

Question

I've just inserted an SVG, and written links to have several areas connect to other sites. It seems to work okay. But now I need to insert a second SVG on the same page, and have it work the same way. But it won't cooperate. As it was a long column to be worked on, I tried to set it in a separate page and import it to my working page:

But for some reason, the links I've set up on that page don't work. They appear in the proper location on the page, but they don't link to anything:www.virtuevision.org www.juliecohnfineart.com Any ideas how to get this working? Thank you for any help you may give!Rick

Nancy OShea · Accepted Answer

I was looking directly at the SVG image and I saw several black rectangles that contained outbound links. Those all worked.

Now that I look at your HTML document, I see that your code is badly malformed. And it quits at error #7 as unrecoverable. Fix your code errors.

https://validator.w3.org/nu/?doc=http%3A%2F%2Frickeisner.com%2Flist4.html

IMO, using SVG this way is the wrong approach. Ordinary HTML hyperlinks are all you need for this. A while back, Ben & I recommended Bootstrap Cards but you didn't take that advice. So now you're fighting an uphill battle that need not be fought at all.

Happy coding!!

Nancy OShea · Answer

Code snippets don't tell us a thing.  Upload the problem page to your server and post the page URL here.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.