Question

image map

html code:

*

     <div class="inpieces">
        <article>
            <h2>We can help you change your life.</h2>
       <img src="https://www.aconsciousrethink.com/wp-content/uploads/2016/06/woman-balance-wide-702x336.jpg" alt="a woman with long hair, sits in front of a sunrise/set in a yoga position with her hands on her knees and a body of water in front of her" width="422" height="202" usemap="#image-map">
      <map name="image-map">
          <area target=".fairhaven" alt="a woman with long hair, sits in front of a sunrise/set in a yoga position with her hands on her knees and a body of water in front of her" href=".fairhaven" coords="1,3,702,334" shape="rect">
   </map>
   <p>Come see us</p>
    </article>
   </div>
         <aside>
              <h2>Locations</h2>
       <figure>
            <img src="https://ssl.cdn-redfin.com/photo/176/mbpaddedwide/949/genMid.10071949_0.jpg" width="450" height="238" alt="a picture of the front of a house, grass is brown, trees and bushes are green, the sky is cloudly and blue">
            <figcaption>Main Location</figcaption>
            </figure>
                  <h3 class="fairhaven">Fairhaven Treatment Center</h3>
            <p>1325 Lamar Ave. &hearts; Memphis, TN 38104 &hearts; <a href="https://goo.gl/maps/R7QBQHLHJEkHaUvZA" target="_blank">[Map]</a></p>
         </aside>

*

I'm trying to link an image map to .fairhaven

I'm having trouble, Can you help?

Answer 1

<div class="inpieces">
<article>
<h2>We can help you change your life.</h2>
<img src="https://www.aconsciousrethink.com/wp-content/uploads/2016/06/woman-balance-wide-702x336.jpg" width="422" height="202" usemap="#image-map">
<map name="image-map">
<area target=".fairhaven" href="https://goo.gl/maps/R7QBQHLHJEkHaUvZA" coords="1,3,702,334" shape="rect">
</map>
<p>Come see us</p>
</article>
</div>
<aside>
<h2>Locations</h2>
<figure>
<img src="https://ssl.cdn-redfin.com/photo/176/mbpaddedwide/949/genMid.10071949_0.jpg" width="450" height="238" >
<figcaption>Main Location</figcaption>
</figure>
<h3 class="fairhaven">Fairhaven Treatment Center</h3>
<p>1325 Lamar Ave. &hearts; Memphis, TN 38104 &hearts; <a href="https://goo.gl/maps/R7QBQHLHJEkHaUvZA" target="_blank">[Map]</a></p>
</aside>

Replace href=".fairhaven" with valid address.