Please help how to show an image in site

hi designers,

I have built a page using Insta builder and have inserted my image and the code for is as below:

<div class="el-content" style="background-color: rgb(104, 196, 241); background-image: url(&quot;http://www.mytopwebsite.com/images/top-header.png" width="1258" height="197" border="0" usemap="#Map ; background-repeat: no-repeat; background-position: center top;">

but I need to show my image as below which has a map links on image as below but do not know how to replace it with the above image:

<img src="images/top-header.png" width="1258" height="197" border="0" usemap="#Map">
<map name="Map">
<area shape="rect" coords="97,173,157,194" href="index.php">
<area shape="rect" coords="164,173,216,198" href="faq.php">
<area shape="rect" coords="220,173,324,197" href="contactus.php">
<area shape="rect" coords="331,173,398,194" href="login.php">
</map>

Can someone can help with this.
Thank you

 

There were some errors in your quotes in the background-image parameter and you didn't close the url parenthesis (brackets).
Remember nothing will show up if your div tags have nothing inside them! Put something between those div tags to make the image show up like this:

<div class="el-content" style="background-color: rgb(104, 196, 241); background-image: url('https://www.berush.com/static/berush/banners/orange/728x45/728x45_en.png');" width="1258" height="197" border="0" usemap="#Map ; background-repeat: no-repeat; background-position: center top;">
You need to put something between these div tags
</div>

Code (markup):