WordPress.org

Ready to get started?Download WordPress

Forums

Minimatica
[resolved] Imagemap Header Question/Problem (2 posts)

  1. iMovie How To
    Member
    Posted 2 years ago #

    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

    A post/page where the header does not display correctly: 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/

  2. iMovie How To
    Member
    Posted 1 year ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic