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 double post. The edit button is there.

First start with the image slice. Thats not the correct code, which explains why your myspace became screwed up. Follow this tutorial:
http://pixelfx.org/tuts/ps/slice.html

You should have a basic table code in the end. Post what you end up with.

Also your div I have no clue what the heck its supposed to look like because it doesn't work in safari. All that shows is your button for your comment box? But you should not use margin positioning , because it doesn't always lineup for everyone. Percents aren't recommended either. To unhide your comments your I'd like to meet code should be:

CODE

<style type="text/css">
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>

<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& amp;hash=MIGVBgorBgEEAYI3WAPLoIGGMIGDBgorBgEEAYI3WAMBoHUwcwIDAgABAgJmAwICAMAECDU
eH3kH5vJKBBChT92cW6X63PF5t5QxT64xBEiL3jKic%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>

Something similiar.