tarpnman
Forum Replies Created
-
Forum: Themes and Templates
In reply to: How to use image map as header imageHere’s the URL for the BLOG: http://brainerdadagency.com
All I’m trying to do is have the main header area link to the home page of the blog and have an area around the Contact Us (upper right) link to another website’s contact page. The home image map works, but the Contact Us region does not. Any help would be much appreciated, I’m sure it’s something minor.
Here’s the CSS I’ve tried to use (showing only the targeted code):
#header {
background: #dedede url(images/header.gif) no-repeat;
width: 870px;
height: 154px;
margin: 0px auto 0px;
padding: 0px
}<map id=”headeradblog” name=”headeradblog”>
<area name=”Contact Us” shape=”rect” coords=”698,1,869,60″href=”http://redhousemedia.com/#mi=1&pt=0&pi=8&p=-1&a=0&at=0″ alt=”Contact Us”
OnMouseOver=”window.status=’Contact Us’; return true” OnMouseOut=”window.status=”;
return true” target=”_blank”>
<area name=”Home” shape=”rect” coords=”1,1,697,149″href=”http://brainerdadagency.com” alt=”Home” OnMouseOver=”window.status=’Home’;
return true” OnMouseOut=”window.status=”; return true”>
<area shape=”default” href=”http://brainerdadagency.com” target=”_self”>
</map>
<img src=”headerAdBlog.JPG” USEMAP=”#headeradblog” BORDER=0>#contactus {
float: left;
width : 171px;
height: 60px;
margin-left: 698px;
margin-top: 1px;
}#home {
float: left;
width : 697px;
height: 150px;
margin-left: 1px;
margin-top: 1px;
}************************************************
Here is the header.php code: Again only affected code:
</head><body>
<div id=”header”>
<a id=”contactus” href=”http://redhousemedia.com/#mi=1&pt=0&pi=8&p=-1&a=0&at=0″alt=”Contact Us” OnMouseOver=”window.status=’Contact Us’; return true”
OnMouseOut=”window.status=”; return true” target=”_blank”>
<a id=”home” href=”http://brainerdadagency.com” alt=”Home”
OnMouseOver=”window.status=’Home’; return true” OnMouseOut=”window.status=”; return
true”>
</div>