Title: [Theme: Minimatica] Imagemap Header Question/Problem
Last modified: August 20, 2016

---

# [Theme: Minimatica] Imagemap Header Question/Problem

 *  Resolved [iMovie How To](https://wordpress.org/support/users/imovie-how-to/)
 * (@imovie-how-to)
 * [13 years, 9 months ago](https://wordpress.org/support/topic/theme-minimatica-imagemap-header-questionproblem/)
 * I have changed minimatica’s header.php so I could put an imagemap on. The code
   works perfectly on my homepage, but when I go to a post or a page the header 
   does not look right. You can look at it yourself by checking it out:
 * My Homepage: [http://www.imoviehowto.com](http://www.imoviehowto.com)
 * A post/page where the header does not display correctly: [http://www.imoviehowto.com/imovie-11-managing-events/ ](http://www.imoviehowto.com/imovie-11-managing-events/)
 * My (modified) header.php code
 *     ```
        <?php
   
       ?><!DOCTYPE html><!-- HTML5, for the win! -->
       <html <?php language_attributes(); ?>>
       <head>
       <meta charset="<?php bloginfo( 'charset' ); ?>" />
       <title><?php minimatica_doc_title(); ?></title>
       <link rel="profile" href="http://gmpg.org/xfn/11" />
       <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
       <?php
       /**
        * Hook used to insert content in the document's <head> section.
        * Always have this before closing the <head> tag.
        */
       wp_head(); ?>
       </head>
   
       <body <?php body_class(); ?>>
   
       <div id="mydiv" style="text-align:center; width:940px; margin-left:auto; margin-right:auto;">
       <img id="Image-Maps_1201208152151559" src="http://www.imoviehowto.com/wp-content/uploads/2012/08/cropped-IMOVIEHOWTOLGOspaxce1.png" usemap="#Image-Maps_1201208152151559" border="0" width="940" height="100" alt="" />
       <map id="_Image-Maps_1201208152151559" name="Image-Maps_1201208152151559">
       <area shape="rect" coords="873,5,898,33" href="http://www.youtube.com/user/imoviehowto" alt="iMovie How To's Youtube Channel" title="iMovie How To's Youtube Channel"    />
       <area shape="rect" coords="906,5,931,33" href="http://www.twitter.com/iMovieHowTo" alt="iMovie How To's Twitter Feed" title="iMovie How To's Twitter Feed"    />
       </map>
       </div></header><!-- #header --> 
       ```
   
 * Is there a better way of implementing an imagemap into the header so my custom
   header image does not stick out?
 * Thanks,
    iMovie How To
 * [http://wordpress.org/extend/themes/minimatica/](http://wordpress.org/extend/themes/minimatica/)

Viewing 1 replies (of 1 total)

 *  Thread Starter [iMovie How To](https://wordpress.org/support/users/imovie-how-to/)
 * (@imovie-how-to)
 * [13 years, 9 months ago](https://wordpress.org/support/topic/theme-minimatica-imagemap-header-questionproblem/#post-2993791)
 * I have fixed the problem. I have found that all you have to do is to make a transparent
   png file. Strange though that image files work different in gallery mode.

Viewing 1 replies (of 1 total)

The topic ‘[Theme: Minimatica] Imagemap Header Question/Problem’ is closed to new
replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/minimatica/1.1.0/screenshot.png)
 * Minimatica
 * [Support Threads](https://wordpress.org/support/theme/minimatica/)
 * [Active Topics](https://wordpress.org/support/theme/minimatica/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/minimatica/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/minimatica/reviews/)

## Tags

 * [imagemap](https://wordpress.org/support/topic-tag/imagemap/)

 * 1 reply
 * 1 participant
 * Last reply from: [iMovie How To](https://wordpress.org/support/users/imovie-how-to/)
 * Last activity: [13 years, 9 months ago](https://wordpress.org/support/topic/theme-minimatica-imagemap-header-questionproblem/#post-2993791)
 * Status: resolved