problem with 'mapped' logo

[Susi]

Hi everybody... wondering if someone can help.
My logo is a mapped image, containing links to EZ pages.
This means that header should always display

<img src="images/logo.jpg" width="700" height="283" border="0" alt="" usemap="#logo_Map">
<map name="logo_Map">
<area shape="rect" alt="" coords="581,258,650,282" href="http://www.scrapbookingdigitale.com/links.html">
<area shape="rect" alt="" coords="469,258,578,282" href="http://www.scrapbookingdigitale.com/shop/index.php?main_page=index&cPath=121">
<area shape="rect" alt="" coords="399,258,457,283" href="http://www.scrapbookingdigitale.com/shop">
<area shape="rect" alt="" coords="320,258,391,282" href="http://forum.scrapbookingdigitale.com">
<area shape="rect" alt="" coords="251,258,309,282" href="http://blog.scrapbookingdigitale.com">
<area shape="rect" alt="" coords="128,258,240,282" href="http://www.scrapbookingdigitale.com/tutorials.html">
<area shape="rect" alt="" coords="52,258,108,282" href="http://www.scrapbookingdigitale.com">
</map>

Where and how do I set this?
Many thanks
Susi

[kobra]

In a copy of tpl_header.php

Normally, this is applied as a background image in the css as a logo in not usually 700px wide with the map in the file referenced but you would then need a separate logo image apart from your header background image

[Susi]

Many thanks Kobra... forgive me... but I'm totally new to this...
my tpl_header reads

<!--bof-branding display-->
<div id="logoWrapper">
<div id="logo"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?></div>
<?php if (HEADER_SALES_TEXT != '' || (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2))) { ?>
<div id="taglineWrapper">
<?php
if (HEADER_SALES_TEXT != '') {
?>
<div id="tagline"><?php echo HEADER_SALES_TEXT;?></div>
<?php
}
?>
<?php
if (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2)) {
if ($banner->RecordCount() > 0) {
?>
<div id="bannerTwo" class="banners"><?php echo zen_display_banner('static', $banner);?></div>
<?php
}
}
?>
</div>
<?php } // no HEADER_SALES_TEXT or SHOW_BANNERS_GROUP_SET2 ?>
</div>

<!--eof-branding display-->

can you explain how should I change this please?
sorry for bothering, but i really need step-by-step help

[kobra]

A sample using a transparent spacer image that becomes the hot spot over a background image follows...a normal map would be similar...Note: the added div for this highlighted

<!--bof-branding display-->
<div id="logoWrapper">
    <div id="logo"><a href="http://www.xxxx.com/"><img src="includes/templates/xxxx/images/logonew.jpg" alt="XXXXXX" title=" XXXXXXXXXXX " width="296" height="110" /></a></div>

    	<!-- begin top navigation -->
	<div id="navHead">
		<a href="index.php?main_page=index&cPath=68"><img src="includes/templates/XXXX/images/spacer.gif" alt="Phones" width="76" height="110" border="0" /></a>
	<a href="index.php?main_page=index&cPath=419"><img src="includes/templates/XXXX/images/spacer.gif" alt="PDAs" width="76" height="110" border="0" /></a>
<a href="index.php?main_page=index&cPath=416"><img src="includes/templates/XXXX/images/spacer.gif" alt="GPS" width="76" height="110" border="0" /></a>
	<a href="index.php?main_page=index&cPath=74"><img src="includes/templates/XXXX/images/spacer.gif" alt="Cameras" width="76" height="110" border="0" /></a>
	<a href="index.php?main_page=index&cPath=4225"><img src="includes/templates/XXXX/images/spacer.gif" alt="SLRs" width="76" height="110" border="0" /></a>
		<a href="index.php?main_page=index&cPath=420"><img src="includes/templates/XXXX/images/spacer.gif" alt="I.T." width="76" height="110" border="0" /></a>
		<a href="index.php?main_page=index&cPath=420_423_455"><img src="includes/templates/XXXX/images/spacer.gif" alt="Laptops" width="76" height="110" border="0" /></a>

<a href="index.php?main_page=index&cPath=420_443"><img src="includes/templates/XXXX/images/spacer.gif" alt="Printers" width="76" height="110" border="0" /></a>
<a href="index.php?main_page=index&cPath=420_429_467"><img src="includes/templates/XXXX/images/spacer.gif" alt="LCDs" width="40" height="110" border="0" /></a>
		<!-- end top nav --></div> 
<br class="clearBoth" />
</div>
<!--eof-branding display-->

[Susi]

You're great!!!
Many many thanks Kobra... it worked out perfectly!

[rstevenson]

While it makes no difference to the functionality of the code, in kobra's example he has the closing tag for the new div outside the top nav designation while the opening of that div is inside it. For clarity in the future, the last few lines should look like this...

</div>
<!-- end top nav -->
<br class="clearBoth" />
</div>
<!--eof-branding display--> 

Rob