We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

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

Map area link not working

  • 6 replies
  • 1 has this problem
  • 3 views
  • Last reply by Ognik

more options

On https://ampelite.co.nz/ the header is a single bg image. I have added HTML to roughly Map the logo part, and link it to the home page. Works with all browsers except Firefox. From much research I suspect not having a real image may be the root, in which case a work-around would be useful.

On https://ampelite.co.nz/ the header is a single bg image. I have added HTML to roughly Map the logo part, and link it to the home page. Works with all browsers except Firefox. From much research I suspect not having a real image may be the root, in which case a work-around would be useful.

All Replies (6)

more options

Screenshot of the issue? I see a small screen of the page nothing big to full the screen.

more options

This what you wanted?

more options

I am not a web developer, but I know how validate code that is sent to Firefox from a webpage to see what the W3C Nu HTML Checker comes up with.

https://validator.w3.org/nu/?doc=https%3A%2F%2Fampelite.co.nz%2F

See the 4. error: Element area is missing required attribute coords.

more options

Hi @edmeister, nice tool, will be using it. Unfortunately that wasn't the problem.

NB: I am now working on a copy at https://ampelite.co.nz/Home_test.php

After playing with coords for a bit, I moved the header background image to in the img/usemaps - that also didn't help.

baffled, me .....

more options

Chosen Solution

more options

@edmeister: Co-ords was the main issue, I had to position stuff to put the clickable area in the right place. Thanks :-)