[SOLVED] Different Header Images for each page AND Image Map Menu -- OR???
 

Hi guys!

Okay, I have a puzzle. And here are the pages affected:

http://wrightperspective.com.previewdns.com/services/
http://wrightperspective.com.previewdns.com/posters/
http://wrightperspective.com.previewdns.com/logos/
http://wrightperspective.com.previewdns.com/corporate/
http://wrightperspective.com.previewdns.com/ads-more/
http://wrightperspective.com.previewdns.com/cartoons/

And here is the situation:

The client is a graphic designer and wants his header image, menu bar and page titles to appear as totally graphic images. And the page title MUST be aligned against the menu bar.

So I have installed Dynamic Headers plugin. I tried to write image maps for each page's menubar and inserted the image maps codes into Add HTML/CSS Inserts > Header Inserts: Body Top. With separate images maps for each page, and all of their codes inserted here, then ALL of the header images appear on each page. LOL!

So here is a possible solution, for which I need your guidance:

If I break up the menubar itself into separate images for each button, is there a way to create a menubar AND have the page title graphic be aligned against the menubar?

Or is there a better way to achieve the results my client wants?

It's a brain twister for me! LOL!

Thanks in advance for all of your help!

KIP

Here are a couple "off the top of my head ideas". I didn't do any testing.

How about wrapping the image maps in a div with an id and putting those divs in "Configure Header Area"?

For the page titles I would look at creating background images for the h1 tag.

To limit the above to particular pages I would use a selector like

Hi Larry!

I had an epiphany over the weekend and figured it out!

I have placed a separate image map at the top of the center column content of each page. And it's working!

Thanks so much for your reply, cause it got my brain working. Here is the result:

http://wrightperspective.com.previewdns.com

Have a great day!

KIP