WordPress.org

Support

Support » Themes and Templates » Use Image Map Html in Header

Use Image Map Html in Header

  • Hello! I’m trying to use an image map as my header image. I’ve created the image, and the necessary html but I’m not sure where I need to insert that html. I’m thinking it will need to be in the header.php but really not sure. Any help would be appreciated!

Viewing 6 replies - 1 through 6 (of 6 total)
  • Moderator Andrew Nevins

    @anevins

    Forum moderator

    In which theme?

    Sorry! It’s Platform Pagelines…the free program.

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    There’s a theme called platform and a theme called pagelines here.
    Which do you have?

    Or are you not using a theme here?

    It’s Platform by Pagelines

    Hello,
    I’m new here, and it seems I encounter the same problem.

    My actual configuration
    – Version de WordPress : 3.8.1
    – Used theme: Lifestyle_20 (Studiopress)
    – Plugins en place : several
    – Hosting: http://www.one.com

    In my header.php file I would like to add several clickable areas. So I thought i would use IMAP with this part of code:

    <div class=”headerright”>
    <img src=”http://wwww.ubhc.be/UBHC/wp-content/themes/Lifestyle_20/images/logo.png” alt=”” height=”100″ width=”961″ usemap=”#logo961x100cc1114″ border=”0″>
    <map name=”logo961x100cc1114″>
    <area title=”Région de Bruxelles Capitale” shape=”rect” coords=”722,23,756,59″ href=”http://www.bruxelles.irisnet.be/” alt=”” target=”_blank”>
    <area title=”Ville de Bruxelles – Sports” shape=”rect” coords=”757,23,791,59″ href=”http://www.bruxelles.be/artdet.cfm/4109″ alt=”” target=”_blank”>
    <area title=”Commune de Schaerbeek – Sports” shape=”rect” coords=”792,23,828,59″ href=”http://www.schaerbeek.be/vivre-schaerbeek/organisation-politique-gestion-administrative-commune/elus/college/membres-college/sait-koese-6eme-echevin” alt=”” target=”_blank”>
    <area title=”Commune d’Anderlecht” shape=”rect” coords=”829,22,867,60″ href=”http://www.anderlecht.be/sports” alt=”” target=”_blank”>
    <area title=”ADEPS” shape=”rect” coords=”869,22,908,61″ href=”http://www.adeps.be/index.asp” alt=”” target=”_blank”>
    <area title=”LFH” shape=”rect” coords=”910,22,950,61″ href=”http://www.handball.be” alt=”” target=”_blank”>
    </map>
    </div>

    I have changed many things to this code without success. The only thing it does is display the logo.png image.

    Any indication or help would be appreciated.

    The site is http://www.ubhc.be/UBHC
    Thanks in advance.
    William De Wulf

    Hi, solved!
    After many hours of modifying header.php I have also modified style.css
    The theme used is Lifestyle_20:
    style.css
    #header {
    background: #131637 url(images/logo.png);
    width: 960px;
    height: 100px;
    color: #FFFFFF;
    font-size: 12px;
    margin: 0px;
    padding: 0px;
    /* overflow: hidden;*/

    header.php
    <div id=”header”>

    <div class=”headerleft”>
    <img src=”http://wwww.ubhc.be/UBHC/wp-content/themes/Lifestyle_20/images/logo.png” alt=”” height=”100″ width=”961″ usemap=”#logo961x100cc1114″ border=”0″>
    <map name=”logo961x100cc1114″>
    <area title=”RĂ©gion de Bruxelles Capitale” shape=”rect” coords=”722,23,756,59″ href=”http://www.bruxelles.irisnet.be/” alt=”” target=”_blank”>
    <area title=”Ville de Bruxelles – Sports” shape=”rect” coords=”757,23,791,59″ href=”http://www.bruxelles.be/artdet.cfm/4109″ alt=”” target=”_blank”>
    <area title=”Commune de Schaerbeek – Sports” shape=”rect” coords=”792,23,828,59″ href=”http://www.schaerbeek.be/vivre-schaerbeek/organisation-politique-gestion-administrative-commune/elus/college/membres-college/sait-koese-6eme-echevin” alt=”” target=”_blank”>
    <area title=”Commune d’Anderlecht” shape=”rect” coords=”829,22,867,60″ href=”http://www.anderlecht.be/sports” alt=”” target=”_blank”>
    <area title=”ADEPS” shape=”rect” coords=”869,22,908,61″ href=”http://www.adeps.be/index.asp” alt=”” target=”_blank”>
    <area title=”LFH” shape=”rect” coords=”910,22,950,61″ href=”http://www.handball.be” alt=”” target=”_blank”>
    </map>
    </div>
    </div>
    Well, I hope this can help many others…

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Use Image Map Html in Header’ is closed to new replies.