1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Please help how to show an image in site

Discussion in 'HTML & Website Design' started by toraniz, Apr 6, 2017.

  1. #1
    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
    SEMrush
     
    toraniz, Apr 6, 2017 IP
    SEMrush
  2. Abdul Ali Khan

    Abdul Ali Khan Member

    Messages:
    20
    Likes Received:
    0
    Best Answers:
    1
    Trophy Points:
    33
    #2
    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):
     
    Abdul Ali Khan, Jul 8, 2017 IP