Image Map in header

[pwc]

I've tried searching. I've tried copying HTML from other sites. But I just can't seem to do it right.

What is the trick to using an image map in the header?
My example is fairly straight forward and I know how to make the map in Dreamweaver. But I just can't quite figure out how to make it work on smugmug's pro setup.

My example gif would be http://hiddencreekphoto.com/banner.gif
thanks in advance
pwc

[pat.kane]

Don't use an image map. Keep the header graphic but use a text list instead of a graphic for the rest. Look in the customization forum and search for navbar. Good luck.

[Andy]

I've tried searching. I've tried copying HTML from other sites. But I just can't seem to do it right.

What is the trick to using an image map in the header?
My example is fairly straight forward and I know how to make the map in Dreamweaver. But I just can't quite figure out how to make it work on smugmug's pro setup.

My example gif would be http://hiddencreekphoto.com/banner.gif
thanks in advance
pwc
Hi, and welcome to Dgrin! :wave

Why not post the example code you have, and we'll see if we can get you sorted :)

Oh and your SmugMug site please? :)

[pwc]

Pat, I'll take a look in that section.

Andy, here's the HTML straight outta Compton....errr.....Dreamweaver....

<img src="banner.gif" width="786" height="121" border="0" usemap="#HCPheader" />
<map name="HCPheader" id="HCPheader"><area shape="rect" coords="13,91,79,118" href="http://hiddencreekphoto.com" />
<area shape="rect" coords="138,90,237,119" href="http://hiddencreekphoto.com" />
<area shape="rect" coords="292,89,392,117" href="http://hiddencreekphoto.com" />
<area shape="rect" coords="452,90,605,119" href="http://hiddencreekphoto.com/order" />
<area shape="rect" coords="659,87,774,119" href="https://www.smugmug.com/cart/" target="_blank" />
</map>

I've taken a look at your site and tried to emulate it to no avail. I've mediocore with HTML but I enjoy figuring out how things work.

My smugmug site as it currently stands, waiting for massive influx of photos :D is http://images.hiddencreekphoto.com/

pwc

[Andy]

I've taken a look at your site and tried to emulate it
I don't use an image map :dunno

[Andy]

Just a thought, how about a Header and Navbar? See the first two sections of our FAQ:

http://www.dgrin.com/showthread.php?t=26043

:ear

[pat.kane]

Looks like one of the mods moved your post to the right section.

Now look for "The Customization Hall of Wisdom"
http://www.dgrin.com/showthread.php?t=20742

and in that thread, look for Horizontal Navbar Tutorial:
http://css.maxdesign.com.au/listutorial/horizontal_introduction.htm

Good luck.

[pwc]

Andy, you're right, you don't. :)

And thanks to you both for helping the noob out. While I've had an account for a while, I've just recently tried changing things around and I like the modifications I can make.

And I wanted to make a thread for those that had trouble like me finding the really obvious information on semi-image mapping type stuff.

thanks guys.
pwc

[pwc]

thanks again for the help. Don't ask me how I didn't find teh FAQ.
pwc