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!
-
In which theme?
Sorry! It’s Platform Pagelines…the free program.
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.comIn 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 WulfHi, 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…
- The topic ‘Use Image Map Html in Header’ is closed to new replies.