One header image that is clickable to three different pages?
 

ATA 3.6.7, WP 3.2.1. Is is possible to have a single header image and divide it into three separate clickable areas so that each one-third of the header image clicks to a different page? If so, can you tell me how or give me strong hints on where to look. The posts that I've read deal with rotating images clicking to different pages, and I'm not sophisticated enough to adapt those solutions to my case. Thanks in advance!

You could create an image map using this tool or you could put three parts of the same images side by side and hyperlink them.

So if I put the images side by side , I would ftp one image to the header images folder, select "no" to the question to "Make header image clickable?" and then add the hyperlink code to the "add HTML/CSS" section? Can that be right? But how does each portion of the single header image become clickable to a separate page?

You would put html where you normally would have %image. You wouldn't use the header images folder.

I've tried to implement this with limited success and weird results. Each image links OK to the right place, but I can't figure out where the horizontal white bar that runs through the pictures of the babies is coming from. Site is Take a look at cfpftest.info

The config header area says:
%bar1 %logo %bar1 %page-center %image.
Header image height is 230
The three baby images are loaded via the following code in the " overlay header image"

<div id="header_image_threepart">
<a href="http://www.cfpftest.info/need-a-nurse">
<img src="/wp-content/themes/atahualpa/images/neednurse.jpg" alt="Do you need a baby nurse" /></a>
<a href="http://www.cfpftest.info/be-a-nurse">
<img src="/wp-content/themes/atahualpa/images/benurse.jpg" alt="Become a baby nurse" /></a>
<a href="http://www.cfpftest.info/new-mommy">
<img src="/wp-content/themes/atahualpa/images/newmommy.jpg" alt="Baby Care for New Moms" /></a>

</div>

I loaded a plain white image of 230px height to the header folder because I was getting php errors when the header folder was empty.

Now the really bizzare part. the cfpftest.info domain is something I use while creating sites. The "About US" page that is there now is a remnant from the PREVIOUS project I was working on....THAT page renders properly, yet the pages that I created for this project have the mysterious white line. What did I do wrong?

Thanks for your help,

1) you are developing while running a caching plugin - bad idea since it could take a while till the changes show
2) looks like you are on 3.6.7 without the patches - either apply them or move to 3.7.0

• PATCH 367-01: Odd effects when 'CSS: Compress' = 'Yes'
• PATCH 367-02 is incorporated in PATCH 367-04
• PATCH 367-03: PHP errors when adding widget areas in index.php
• PATCH 367-04: Hovering over a Post/Page title only shows "Permanent Link to"
• PATCH 367-05: Site Title appended after the 'WordPress SEO by Yoast' title

Thanks:o

I'm baffled as to why the patches are not applied...unless "reset all" would have something to do with it. Before I started on this baby site, I reset everything to remove the settings from the previous project.