I have the side bar on my site created, but I can't seem to figure out the code that works for it.

Can anyone give me the code that you use to make the links on your side bar work? Please?

You just have links or images in a list that go down the side that you need to link to another page? Can you show us the sidebar?

Oh sure here..


http://www.freewebs.com/midoriwolfp/index.htm

That's the website it's on. I am pretty sure it's images.

You'll want to use an image map
http://www.lissaexplains.com/fun6.shtml

Thank you..

You can also make a css image map.

This (http://www.dannyspearsband.com) site uses one with a background image.

The css looks like this:

#zone1 { /* clickable area */

float: left;
width : 66px;
height: 37px;
margin-left: 115px;
margin-top: 60px;
}

#zone2 { /* clickable area */
float: left;
width : 70px;
height: 37px;
margin-left: 0px;
margin-top: 60px;
}

#zone3 { /* clickable area */
float: left;
width : 75px;
height: 37px;
margin-left: 0px;
margin-top: 60px;
}

#zone4 { /* clickable area */
float: left;
width : 80px;
height: 37px;
margin-left: 0px;
margin-top: 60px;
}

#zone5 { /* clickable area */
float: left;
width : 105px;
height: 37px;
margin-left: 0px;
margin-top: 60px;
}

#zone6 { /* clickable area */
float: left;
width : 115px;
height: 37px;
margin-left: 0px;
margin-top: 60px;
}

Of course you have to change the width and height, margin-left and margin-right and the number of zones to reflect your own values.

The HTML to make the image click looks like this for the above example:

<div id="image">

<a id="zone1" href="index.shtml" title="Home"></a>
<a id="zone2" href="news.shtml" title="News"></a>
<a id="zone3" href="bios.shtml" title="Bios"></a>
<a id="zone4" href="media.shtml" title="Media"></a>
<a id="zone5" href="booking.shtml" title="Booking"></a>
<a id="zone6" href="schedule.shtml" title="Schedule"></a>


</div>

Thank you so much ^-^