Image Map & Comments In Div Options

[x_bambam]

MySpace

Okay first - how do I make that picture of me, a link to my pictures? i've tried doing image maps in divs before and it never worked for me. i have adobe image ready so any tips?

Second. The Box at the very bottom has a box inside of it so that you can see what I'm talking about. I would like my comments to go inbetween those lines. but i've tried to code and that didn't work.


these are my codes :

About Me:

CODE

<style type="text/css">
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,
btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
</style><style type="text/css">
body{background-color:ffffff;}
table, tr, td {background-color:transparent;border: 0px; padding:2;}
</style>

Who I'd Like To Meet:

CODE

<style type="text/css">
table {visibility:hidden;}
div table tbody tr td a.navbar,
table tr td script {visibility:visible !important}
table tbody tr td a.navbar,
table tbody tr td input,
table tbody tr td font
{visibility:visible;}
body table td {background-color: transparent;}
table tbody table tbody td {visibility:hidden;}
table tr td div div{display:none;}
div table tbody tr td form input,
div table tbody tr td a img,
div table tbody tr td div a,
div table tbody tr td
{visibility: visible !important; color:red;}
input {background-color:transparent !important;}
td, span, div, input, a, table td div div font,
body div table tbody tr td font {font-family: !important;}
td, span, div, input, table td div div font,
body div table tbody tr td font {color:000000 !important;}
.nametext, .whitetext12, .lightbluetext8, .orangetext15, .blacktext12,
.redtext, .redbtext, .blacktext10, .btext {color:000000 !important;}
a {color:000000!important; text-decoration:none !important; text-transform:none !important; font-weight:normal !important; font-style:normal !important;}
a:hover {color:000000 !important; text-decoration:none !important; text-transform:none !important; font-weight:normal !important; font-style:normal !important;}
body {background:ffffff;}

.first {background-color:ffffff;background-image:url("http://i37.photobucket.com/albums/e77/ohemgitskayleigh/bleh.jpg");background-image:fixed;
position: absolute; left:0%; top:0px; margin-left:3px; width:991px; height:1215px; z-index:0; visibility:visible !important; }
.layer1 {background-color:transparent; border:px solid; position: absolute; left: 50%; top: 300px; overflow: auto; visibility:visible !important; }
.layer2 {background-color:transparent; border:px solid; position: absolute; left: 50%; top: 300px; overflow: auto; visibility:visible !important; }
.layer3 {background-color:transparent; border:px solid; position: absolute; left: 50%; top: 300px; overflow: auto; visibility:visible !important; }
.layer4 {background-color:transparent; border:2px solid black; position: absolute; left: 50%; top: 300px; overflow: auto; visibility:visible !important; }
</style>

<style type="text/css">
BODY{scrollbar-face-color:ffffff;
scrollbar-shadow-color:ffffff;
scrollbar-highlight-color:ffffff;
scrollbar-3dlight-color:ffffff;
scrollbar-darkshadow-color:ffffff;
scrollbar-track-color:ffffff;
scrollbar-arrow-color:000000;
</style>

</td>
</tr>
<tr>
<td valign="top" align="left" width="435" bgcolor="ffffff" style="word-wrap:break-word">
<span class="orangetext15">Who I'd like to meet:</span><br>
<div class="first">
</div>

<div class="layer1" style="margin-left:-145px; margin-top:-17px; width:577px; height:75px; color:transparent;">
<center><a href="http://home.myspace.com/index.cfm?fuseaction=user&MyToken=ceb9c247-63ea-4499-8648-6296622d93c4">Home</a> &larr;&rarr; <a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=97494695">Add</a> &larr;&rarr; <a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=97494695&MyToken=ceb9c247-63ea-4499-8648-6296622d93c4">Message</a> &larr;&rarr; <a href="http://www.myspace.com/index.cfm?fuseaction=block.blockUser&userID=97494695&hash=MIGVBgorBgEEAYI3WAPLoIGGMIGDBgorBgEEAYI3WAMBoHUwcwIDAgABAgJmAwICAMAECDU
H3kH5vJKBBChT92cW6X63PF5t5QxT64xBEiL3jKic%2bc4GK4GbIhM6qVsNdc7wA4fdf6jgzm%2f40srGezAgZABcmouAy%2bM3ksqhloFqNP4riOkyLCd7rS4VX6DM9cMZZm7Q5M%3d">Block</a> &larr;&rarr; <a href="http://groups.myspace.com/index.cfm?fuseaction=groups.addtogroup&friendID=97494695">Invite To Group</a><br>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=97494695&MyToken=1ef7fdba-db59-43b7-996e-860fd02fd2b0">My Pictures</a> &larr;&rarr;
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=97494695&MyToken=ceb9c247-63ea-4499-8648-6296622d93c4ML">Blog</a> &larr;&rarr; <a href="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=97494695">Friends</a> &larr;&rarr; <a href="http://comments.myspace.com/index.cfm?fuseaction=user&circuitaction=viewProfile_commentForm&friendID=97494695&name=%5bkayleigh.kills%26trade%3b%5d&MyToken=ceb9c247-63ea-4499-8648-6296622d93c4">Add Comment</a><br><br><br><a href="http://www.kayleigh-kills.deviantart.com">DEVIANTKAYLEIGH</a><br><br><b>_credits_</b><br><br>
<a href="http://www.createblog.com">CreateBlog</a> &larr;&rarr; <a href="http://www.deviantart.com/deviation/37789917/?q=by%3Ablushing+in%3Aresources%2Fapplications%2Fpsbrushes+sort%3Atime+-in%3Ascraps">Brushes 1</a> &larr;&rarr; <a href="http://www.deviantart.com/deviation/37562424/?qo=20&q=by%3Aegg9700+sort%3Atime+-in%3Ascraps">Brushes 2</a>
</div>

<div class="layer2" style="margin-left: -465px; margin-top:325px; width: 350px; height: 290px; color:transparent;">
<center>
</div>

<div class="layer3" style="margin-left: -30px; margin-top: 235px; width: 460px; height: 390px; color:transparent;">
<center>It's not done yet guys...<br><br>but you can leave me a comment<3<br><br><form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="97494695" type="hidden"><textarea name="f_comments" cols="30" rows="10" style="border-width: 3px; border-style: solid; border-color: 000000; font-family: georgia; font-size: 10px; color: 000000; background-color: ffffff;" style="overflow:auto;"></textarea><br> <input value="[f**k off.]" style="border-width: 3px; border-style: solid; border-color: 000000; font-family: georgia; font-size: 10px; color: 000000; background-color: ffffff;" type="submit"></form>
</div>

<div class="layer4" style="margin-left: -458px; margin-top:700px; width:880px; height:165px; color:transparent;">
<center>

</div>


<style type="text/css">
BODY{scrollbar-face-color:ffffff;
scrollbar-shadow-color:ffffff;
scrollbar-highlight-color:ffffff;
scrollbar-3dlight-color:ffffff;
scrollbar-darkshadow-color:ffffff;
scrollbar-track-color:ffffff;
scrollbar-arrow-color:000000;
</style>
<div style="width:0px; height:0px; display:none; visibility:hidden; overflow:hidden;"><table><tr><td><table><tr><td>
</td>
</tr>
</table>
</td></tr>
</table></div>
<div class="comments"><table><tr><td><table><tr
</td>
</tr>
</table>
</td></tr>
</table><br>

[freeflow]

Don't image map. Image slice. You can do that with imageready.

For your comments first you need to unhide your comments for it to work. then you can use this script:
http://www.createblog.com/scripts/download.php?id=266