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

[x_bambam]

See. I thought my comments were already unhidden? I thought I already took out the stuff that was hiding them.

& that link takes me to a script on customizing my picture page.


also - where would i put the code after i image slice?

[freeflow]

Sorry wrong link. If your comments are unhidden just use this script:
http://www.createblog.com/scripts/download.php?id=74
If it doesn't work somethings hiding them.

Once you image slice if you used imageready, you should have a folder with images and one with html. You need to upload all the images and replace the urls into the code. Then you place the code in your myspace.

I suggest putting it in a div, so that you can position it anywhere.

[x_bambam]

umm look what it did to my myspace ....


http://www.myspace.com/123xabc

[freeflow]

You myspace is blank for me (i use safari). Explain everything you did, and lets see the image sliced code too.

[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.

[x_bambam]

okay i took the image slice code out because i'm nto really all that worried about it but i am still trying to get the comments to work. i made the comments visible but it's not showing them. it just has a white strip going down.

[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.