Cake Custom Banner W/ Hotspots

cwegrecki

Hello all I am currently using the cake theme on my website and want to add this bit of css for adding a hotsopts to my banner image. I am already using a custom image and am more than willing to modify css. I just dont know where I should put this code!!

thanks

<style type="text/css">
    dl.image_map {display:block; width:899px; height:300px; background:url(http://www.azidesigns.net/resources/banner_200.jpg); position:relative; margin:2px auto 2px auto;}
    a.LINK0 {left:67px; top:5px; background:transparent;}
    a.LINK0 {display:block; width:215px; height:0; padding-top:289px; overflow:hidden; position:absolute;}
    a.LINK0:hover  {background:transparent; border:1px dashed black; color:black;}
    a.LINK1 {left:331px; top:0px; background:transparent;}
    a.LINK1 {display:block; width:249px; height:0; padding-top:297px; overflow:hidden; position:absolute;}
    a.LINK1:hover  {background:transparent; border:1px dashed black; color:black;}
    a.LINK2 {left:606px; top:0px; background:transparent;}
    a.LINK2 {display:block; width:249px; height:0; padding-top:297px; overflow:hidden; position:absolute;}
    a.LINK2:hover  {background:transparent; border:1px dashed black; color:black;}
</style>

[dl class="image_map"]
    [dd][a class="LINK0" title="Features" href="http://www.azidesigns.net/services/features/"][/a][/dd]
    [dd][a class="LINK1" title="Maintance" href="http://www.azidesigns.net/services/maintance/"][/a][/dd]
    [dd][a class="LINK2" title="Search Results" href="http://www.google.com/search?q=AziDesigns"][/a][/dd]
[/dl]

cwegrecki

Here is the HTML version of the same thing I came up with I can do either.

[div style="text-align:center; width:899px; margin-left:auto; margin-right:auto;"]
[img id="Image-Maps_3201201171613427" src="http://www.azidesigns.net/resources/banner_200.jpg"; usemap="#Image-Maps_3201201171613427" border="0" width="899" height="300" alt="" /]
[map id="_Image-Maps_3201201171613427" name="Image-Maps_3201201171613427"]
[area shape="rect" coords="79,5,267,295" href="http://www.azidesigns.net/services/features/"; alt="Features" title="Features"    /]
[area shape="rect" coords="338,5,581,295" href="http://www.azidesigns.net/services/maintance/"; alt="Maintance" title="Maintance"    /]
[area shape="rect" coords="608,5,856,295" href="http://www.google.com/search?q=AziDesigns"; alt="Google Results" title="Google Results"    /]
[/map]
[/div]