• Jobs
  • About Us
  • professionals
    • Home
    • Jobs
    • Courses and challenges
  • business
    • Home
    • Post vacancy
    • Our process
    • Pricing
    • Assessments
    • Payroll
    • Blog
    • Sales
    • Salary Calculator

0

236
Views
The “coords” attribute of the <area shape="rect"> tag is not in the “left,top,right,bottom” format

This might be a duplicate question so I apologize for that. I'm mapping an image and using a plug-in Image Map Resize and I get this error in my console. "The “coords” attribute of the tag is not in the “left,top,right,bottom” format."

Here's my code:

<body>
  <h1>Image Mapping</h1>
  <img name="parkMap" src="https://i.ibb.co/cbmgggd/AGRIECOMAP.gif" id="image" usemap="#image-map" border="0" width="100%">

  <map name="image-map">
        
                <area target="" shape="rect" coords=" 345, 204, 435, 283" href="kubo" alt="Kubo">
                <area target="" shape="rect" coords="439, 325, 500, 369" href="" alt="Bee">
                <area target="" shape="rect" coords="314, 356, 356, 384" href="" alt="Bridge">
           </map>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript" src="<?php echo base_url(); ?>js/imageMapResizer.min.js"></script>

    <script type="text/javascript">
        $('map').imageMapResize();

    </script>
about 3 years ago · Juan Pablo Isaza
1 answers
Answer question

0

I find your coods have a blank space,you can delete this blank space.and alt is useless,you can use title

  <map name="image-map">
    <area target="" shape="rect" coords="345, 204, 435, 283" href="kubo" title="Kubo">
    <area target="" shape="rect" coords="439, 325, 500, 369" href="" title="Bee">
    <area target="" shape="rect" coords="314, 356, 356, 384" href="" title="Bridge">
</map>

about 3 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Our process Sales
Legal
Terms and conditions Privacy policy
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recommend me some offers
I have an error