image mapping, i have a couple of questions x] Options

[miszxjojo]

i have photoshop.. so if you have photoshop too than that'll be helpful =) lol anyway, on photoshop, i figured out how to do image mapping stuff so i made something that says 'message, comment, block' for my site.. but what do i save it as ? do i save it as html and image ? but then where do i upload it? i saved it as html and image but it didnt work when i uploaded it at tinypic.. it said it wasnt the right format.. and how do i code it ? pleaseee help me !



please &+ thanks in advance<3

[FoxLucky]

Well I'm not sure what everyone else does but this is the code I use:

<div class="bg" visibility="visible" style="position: absolute; left:XXpx; top:XXpx; width:XXXpx; height:XXXpx; overflow:hidden; background-color:ffffff; border:0px solid; border-color:000000;"><img src="IMAGEBACKGROUNDURLHERE" width="XX" height="XX" border="0" usemap="THENAMEOFYOURMAP">
<map name="THENAMEOFYOURMAP">
<area shape="rect" alt="" coords="308,965,396,990" href="URL">
<area shape="rect" alt="" coords="200,963,305,989" href="URL">
<area shape="rect" alt="" coords="118,963,183,990" href="URL">
<area shape="rect" alt="" coords="769,133,883,205" href="URL">
<area shape="rect" alt="" coords="608,133,768,205" href="URL">
</map></div>

The stuff I highlighted in red is the code you get when you do what Toya said and save html>>all slices. Make sure you change the url to wherever you uploaded your background image.