I have an image under my navigation menu that I wanted to make clickable, so using a tool I found online, I was able to get the CSS code to make this possible.
However, the code is not working. I"m thinking it's because I don't know what to preface the code with.
This is my current code for the image:
#intro {
background: url('http://tacklingmommyhood.files.wordpress.com/2012/12/real-header-1080.png') left top;
clear: both;
position: center;
}
The new code is this:
<style type="text/css">
dl.image_map {display:block; width:1080px; height:91px; background:url(http://tacklingmommyhood.files.wordpress.com/2012/12/header-under-nav-with-chalkboard-1080-width.png); position:relative; margin:2px auto 2px auto;}
a.LINK0 {left:124px; top:6px; background:transparent;}
a.LINK0 {display:block; width:115px; height:0; padding-top:82px; overflow:hidden; position:absolute;}
a.LINK0:hover {background:transparent; border:1px dashed black; color:black;}
a.LINK1 {left:842px; top:3px; background:transparent;}
a.LINK1 {display:block; width:115px; height:0; padding-top:82px; overflow:hidden; position:absolute;}
a.LINK1:hover {background:transparent; border:1px dashed black; color:black;}
</style>
<dl class="image_map">
<dd></dd>
<dd></dd>
</dl>
What am I missing? Please help!
The blog I need help with is tacklingmommyhood.com.