Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

Hover over id of an area

bureaubold
bureaubold
more options

On this website http://www.workspacepoetry.com/dromenboom/ the :hover option over the Id's of the area's of the tree are not visible. Do you know why?

On this website http://www.workspacepoetry.com/dromenboom/ the :hover option over the Id's of the area's of the tree are not visible. Do you know why?

All Replies (3)

jscher2000 - Support Volunteer
jscher2000 - Support Volunteer
  • Top 10 Contributor
more options

I see the default behavior of displaying the contents of the title attribute (e.g., "droomtop" on a tooltip with a boring button-like appearance). Where is the (presumably more attractive) :hover behavior set up?

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

That is in this file:

An example: 

area#droom1:hover {
 display: inline-block;
 background-image: url('http://www.workspacepoetry.com/dromenboom/wp-content/uploads/2014/10/blaadjeslinks.png');
 background-position:top;
  width: 158px;
  height: 150px;
  margin-bottom: 100px;
  margin-top: -100px;
  z-index: 1;
  z-index: 1000;
 margin-left: 80px;
 }

I'm not seeing the image even if I use the style editor to remove the :hover, so I'm not sure if Firefox supports hover for a area element.

jscher2000 - Support Volunteer
jscher2000 - Support Volunteer
  • Top 10 Contributor
more options

I can't find a way to style it. Maybe some of the ideas here will help: http://stackoverflow.com/questions/5026421/apply-css-to-area-map