Making my header an Image Map

  • I found this (but it didn’t work in my header file it just put a big ol’ gap):

    What if you want only the text areas of the header to be clickable and not the entire header image? Add links only to the title and description:

    <div id=”header”>
    <div id=”headerimg”>
    <h1>
    “>
    <?php bloginfo(‘name’); ?>

    </h1>
    <div class=”description”>
    “>
    <?php bloginfo(‘description’); ?>

    </div>
    </div>
    </div>And if you want to have different links to the two lines of text in your header, then change one of them to the link you want:

    <div id=”header”>
    <div id=”headerimg”>
    <h1>
    “>
    <?php bloginfo(‘name’); ?>

    </h1>
    <div class=”description”>


    </div>
    </div>
    </div>

    Here is my html code:
    <TD colSpan=2 width=”604″ height=”267″><map name=”FPMap0″>

    </map><IMG src=”rsj.jpg” width=”616″ height=”356″ usemap=”#FPMap0″></TD></TR>

    Now I know I can’t use this… but what do I use and where in the world do I put it?

Viewing 9 replies - 1 through 9 (of 9 total)
  • Thread Starter jorose

    (@jorose)

    bump

    Thread Starter jorose

    (@jorose)

    I need to know how to get an image map to work on my site… I would appericate it.

    Sorry, image maps are sort of “web world persona non grata” for about 5 years now, I haven’t a clue any more how to make them work.

    Thanks, vkaryl, for reminding me just how old and uncool I really am! I remember “back in the day” when I first successful created an image map. Butter wouldn’t melt in my mouth for a month. Then it was on to rotating animations and javascript rollovers.

    Anyway, jorose, try MapEdit:
    https://www.boutell.com/mapedit/

    ? Um. I think I’m older than you are, joni…. Regardless, there’s no reason to promulgate things like image maps these days. Even if there is a sort of kind of css standards compliant more or less workaround….

    If not an image map, how would you suggest I turn the text in my header image into individual links?

    https://300.mpm.org.au

    I need to make use of an image map too. There’s a complicated image where the user needs to click on different objects to navigate on this site/blog I am doing for someone..

    On my previous WP photoblog incarnation, I had an image map for the header. Here’s a link for the how-to for those interested: CSS Image Mapping with Rollover. This can easily be adapted to exclude the rollover images, if so desired.

    The IFRAME Tags seem to work fine. Even within posts. I’m not sure about the browsers that support them though. Amazon uses them for affiliate advertisements. Here’s the simple amazon code. Just change the URL and size – then pull anything you want into the window. Also, i’m not sure about the targeting of links contained within. maybe someone could elaborate?

    <IFRAME SRC="https://www.YOURURL.com/page.html" STYLE="width:120px;height:240px;" SCROLLING="no" MARGINWIDTH="0" MARGINHEIGHT="0" FRAMEBORDER="0"></IFRAME>

    David
    Daily Deals on Cool Stuff!
    https://www.DailyTool.com

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Making my header an Image Map’ is closed to new replies.

Tags