Support » Themes and Templates » Image Map in Header (CSS created, difficulty placing)

  • Resolved farz


    The site:

    I’m new to WP and CSS but I have put together the code using various tutorials to create an image map with CSS. The issue I’m having is figuring out how to migrate this code into my theme. I am using Elements of SEO 1.2 by Drew Stauffer and these are the header files available:

    I’ve managed to change the banner to a custom image but that’s as far as I’ve gotten. The CSS for the image map is below (note, I’m having difficulty testing it so it may not be in fully working order).

    <div id="imgmap">
    	<img height="134" width="960" src="banner.jpg" alt="" />
    		<li id="area1"><a href="">fward</a></li>
    #imgmap {
    	position: relative;
    	_zoom: 1;
    #imgmap li {
    	position: absolute;
    	display: block;
    	list-style: none;
    	outline: 1px dashed;
    	overflow: hidden;
    #imgmap li a {
    	display: block;
    	width: 100%;
    	height: 100%;
    	_background: url(space.gif);
    	text-indent: -1000em;
    #area1 {
    	left: 135px;
    	top: 12px;
    	width: 19px;
    	height: 19px;

    Actually that looks like the code I pulled from and not what I came up with. If anyone has experience with this theme or can provide any advice I would appreciate it.

    Thank you,

Viewing 1 replies (of 1 total)
  • I ended up using an HTML solution that seems to work well on FF and IE. For any others using this them: Please take note of the multiple header files (Header.php, myheader.php, myheader1.php) and move your code to the appropriate area. As an example in the header.php section I commented out

    <div id="banner" onclick="location.href=''" style="cursor: pointer;">

    And added my code below.

Viewing 1 replies (of 1 total)
  • The topic ‘Image Map in Header (CSS created, difficulty placing)’ is closed to new replies.