asked on 7/14/2015

Map Area Outline

Is there anyway to place a border around a Map area? I need to make it a polygon and it would help to see the outline.

	<map name="mapping">
					<area shape="poly" coords="300,180,350,160,400,255,250,400" href="#">
				</map> 
				<img src="<?php echo get_bloginfo('template_directory');?>/img/North_American.png" alt"Mapping" usemap="#mapping"/>

Open in new window

HTML Web Development CSS

Last Comment

Robert Schutt

7/20/2015

ASKER CERTIFIED SOLUTION

Robert Schutt

7/15/2015

THIS SOLUTION IS ONLY AVAILABLE TO MEMBERS.

View this solution by signing up for a free trial.

Members can start a 7-Day free trial and enjoy unlimited access to the platform.

See Pricing Options

Start Free Trial

Robert Granlund

7/20/2015

ASKER

Do you think there is a way to add content to the "popup area" when you hover over it?
http://www.energyreco.com/mapping/

Robert Schutt

7/20/2015

You mean like a tooltip? You could just use the title attribute on an area. I have updated the fiddle for an example.

Robert Schutt

7/20/2015

There is also an example on the imagemapster website using much nicer styled (even interactive) tooltips: http://www.outsharked.com/imagemapster/examples/joints/SkeletonJointExample.html

Web Development

Web development includes all aspects of presenting content on intranets and the Internet, including delivery development, protocols, languages and standards, server software, browser clients, databases and multimedia generation.

77K

Questions

Followers

Top Experts

Get a personalized solution from industry experts

Ask the experts

"Invaluable tool for our organization"
Josh Regalski
"This is the best money I have ever spent."
@rwheeler23
"Your help has saved me hundreds of hours of internet surfing."
@fblack61
"Just a dang good service!"
@golferski
"Worth every penny."
Steve Hougom
"It’s been a life saver."
Maria Halt
"Best support site I’ve seen!"
Bob Schneider
"I would be lost without them."
@fblack61
"Saved my job multiple times."
Walt Forbes
"I love this site."
Maria Duwe
"Friendly respectful help."
Andrew Kowtalo
"Such top-notch experts."
@magento
"The best money I have ever spent."
@rwheeler23
"Beyond any comprehensible value"
George Morris
"Invaluable tool for our organization"
Josh Regalski
"This is the best money I have ever spent."
@rwheeler23

Read over 600 more reviews

TRUSTED BY