Hi Flynn -

Another quick question tonight. I'm used to being able to create graphics with multiple clickable links, using the HTML feature that allows you to define hotzones and their reference links. Is this possible in WordPress? If so, is it also possible to specify this in the Header graphic? By the way, I'm using a single graphic for the Header rather than rotating multiple images.

Eric

To be able to account for both fixed and fluid layouts Atahualpa uses the header image as background image in both cases. Image maps are not possible with background images as far as I know.

If you use a FIXED width, you could include a regular image either by messing with bfa_header_config.php, or, easier, include the image above or below the whole default header area, by putting the image into header.php, around line 877-883:

PHP Code:

<!-- Header -->
<td id="header" colspan="<?php echo $cols; ?>">
... image map code here ... for above the header area
<?php bfa_header_config($bfa_ata_configure_header); ?>
 ... or image map code here ... for below the header area
</td>
<!-- / Header -->

You'd probably create the image map in Dreamweaver or so but should be able to copy/paste the code into header.php

http://www.w3schools.com/TAGS/tag_map.asp

I've been working on this for quite awhile now, and nothing seems to be working. I did it exactly how you said in header.php, but for some reason it is not working. Here is my code:

<!-- Header -->
<td id="header" colspan="<?php echo $cols; ?>">
<img src="http://www.w3schools.com/TAGS/planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap" />

<map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="http://www.google.com" alt="Sun" />
<area shape="circle" coords="90,58,3" href="http://www.google.com" alt="Mercury" />
<area shape="circle" coords="124,58,8" href="http://www.google.com" alt="Venus" />
</map>
<?php bfa_header_config($bfa_ata_configure_header); ?>
</td>
<!-- / Header -->



I used the same code as the example at http://www.w3schools.com/TAGS/tag_map.asp just to be clear. Not sure why this isn't working?

What is not working, what do you get?

My entire page goes blank, like there is nothing there. Is there something wrong with my code?

Hi --

I fixed the problem, now everything works great so thanks!

One thing though -- now below my header there is a gap between the image and my page menu bar (probably about 3 or 4 pixels tall), and I was wondering how to remove the gap so that they are right on top of each other?