Selectable Image Map

HumAnnoyd
HumAnnoyd
edited July 2016 in Campaign Portal Building

Hello wise ones.  So I am trying to use an image with selectable regions and I can't seem to get the coding to work.  You can view my test page here:  Test Page

Here is the code I am using:


<img src="http://db4sgowjqfwig.cloudfront.net/campaigns/21020/assets/619618/DFRPG_BigNavButtons.png?1469374824"; width="700" height="490" alt="Big Nav Buttons A"
usemap="#bignavbuttons">

<map name="bignavbuttons">
<area alt="rect" coords="17,3,164,477" href="http://the-emerald-city.obsidianportal.com/wikis/themes-and-threats"; alt="Themes & Threats">

<area alt="rect" coords="191,4,339,477" href="http://the-emerald-city.obsidianportal.com/wikis/movers-and-shakers"; alt="Movers and Shakers">

<area alt="rect" coords="363,2,512,477" href="http://the-emerald-city.obsidianportal.com/wikis/status-quo"; alt="Status Quo">

<area alt="rect" coords="538,3,685,478" href="http://the-emerald-city.obsidianportal.com/wikis/groups-and-organizations"; alt="Groups and Organizations">

</map>

I want the different areas with the titles to be selectable and I will have overlays of sigils as you mouse over. But that is something for later.  For now I just can't figure out why only the first set of Coordinates I set up is selectable.  

Post edited by HumAnnoyd on

November 2012 CotM:  Dresden Files RPG: The Emerald City

June 2016 CotM:  Star Wars: Rise of the Infinite Empire

JUNE 2020 CotM & 2020 CotY:  Mass Effect Accelerated

FEBRUARY 2022 CotM & 2022 CotY: Dresden Files Accelerated:  Emerald City-Requiem 

Current Campaigns:  Traveller Osmium Buccaneers: Pirates of Drinax, Cyberpunk 2077 Accelerated

Comments

Sign In or Register to comment.

February 2023
The Domain of Dread Council Meeting

Read the feature post on the blog
Return to Obsidian Portal

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Discussions