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>

[x_bambam]

I created a new layer in my div code and i added it in i put this code inside of it and it made the ad go down and cover it and it put the background image inside the new layer that the code went in

CODE

<html>
<head>
<title>bleh</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="-465" topmargin="-17" marginwidth="244" marginheight="271">
<!-- ImageReady Slices (bleh.jpg) -->
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=97494695&MyToken=1ef7fdba-db59-43b7-996e-860fd02fd2b0">
    <img src="http://i37.photobucket.com/albums/e77/ohemgitskayleigh/bleh.jpg" width="1000" height="1215" border="0" alt="My Pictures"></a>
<!-- End ImageReady Slices -->
</body>
</html>

maybe if you looked at it in IE or FF it might help you becuase i know i did a terrible job of explaining that.