Image Mapping and another problem Options

[-eclipse-]

working on a new myspace layout, and i cant fix a small problem, i have many maps, and all of them work except a few of the friends on the bottom. i dont have any of the other friend urls up yet but the last two or three its like there's no map applied.

www.myspace.com/eclipsemgo

its my test profile.
also, there are 2 blue lines on the top and left of my background image and i have no idea what they are. they only popped up after i started adding maps though.

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,tr{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: 794234;
background-image: url("");
background-position: bottom right;
background-repeat: no-repeat;
background-attachment: fixed;
scrollbar-arrow-color:######;
scrollbar-track-color: ######;
scrollbar-shadow-color: ######;
scrollbar-face-color:######;
scrollbar-highlight-color:######;
scrollbar-darkshadow-color:######;
scrollbar-3dlight-color:######;}

table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}

{The actual modules}
table table table {border: 1px solid; border-color: ######; background-color: ######; }

{sets the default style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea
{font:normal 9px arial; color:######; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{class for the basic font for the page}
.text {font:normal 9px arial; color:######; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{style for the number of comments you have. The actual ..}
.redtext{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }

{style for the number of friends you have.}
.redbtext{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }

{”Blurbs”, “About Me”, “Who I’d like to Meet”, “Friend Space”, and “Friend’s Comments” style}
.orangetext15{font-family: arial; color: ######; font-weight: bold; font-size: 20px; letter-spacing: -2px;}

{”General”, “Music”, “Movies”, “Television”, “Books”, “Heros”, “Status”, “Here for”, “Hometown”, “Body Type”, “Ethnicity”, “Religion”, “Sign”, “Smoke/Drink”, “Children”, “Education”, “Occupation”, and “Income” title style}
.lightbluetext8{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }

{”Contacting”, “Interests”, “Details”, and “Schools” title styling}
.whitetext12{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{”In your extended network” style}
.blacktext12{font-family: arial; color: ######; font-weight: bold; font-size: 20px; letter-spacing: -2px; }

{Stylizing of your name above your picture }
.nametext{font-family: arial; color: ######; font-weight: bold; font-size: 30px; letter-spacing: -3px; line-height: 35px;}

{date stamp on comments}
.blacktext10{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{This is how all anchor points will be displayed; anchor points appear before all links.}
a{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }
a:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{”View all friends” and “invite more” link style}
a.redlink{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }
a.redlink:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{2 links in very top on the left, and the 13 links above your picture with make the navigation bar}
a.navbar{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{Default Links}
a:link, a.man{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 0px;}
a:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{bolded words}
.standard b, p b, B, strong {
font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }

</style>

I'd like to meet:

CODE

<div class="bg" style="position: absolute; left:100px; top:160px; width:800px; height:600px; overflow: hidden;">

<MAP name="clientmap">

<AREA shape="RECT" coords="580,60,655,85" href="http://home.myspace.com/index.cfm?fuseaction=user&MyToken=d2760ddc-3a57-4ef2-9637-cfc3f67b6c3a" alt="Home" .."Home">

<AREA shape="RECT" coords="530,108,575,127"href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=139781781" alt="Add Me" .."AddMe">

<AREA shape="RECT" coords="525,140,610,160"href="http://www.myspace.com/index.cfm?fuseaction=mail.message&friendID=139781781" alt="Message Me" .."MessageMe">

<AREA shape="RECT" coords="620,110,710,132"href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=139781781" alt="My Pictures" .."ViewMorePics">

<AREA shape="RECT" coords="620,140,700,160"href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=139781781" alt="View My Friends" .."ViewAllFriends">

<AREA shape="RECT" coords="550,185,686,210"href="http://mgoeclipse.deviantart.com/" alt="Deviant Art Profile" .."DeviantArtProfile">

<AREA shape="RECT"
coords="564,283,611,329"href="URL OF LINK" alt="Heather" .."FRIEND-HeatherMeyer">

<AREA shape="RECT"
coords="626,282,672,330"href="URL OF LINK" alt="Dan" .."FRIEND-Dan">

<AREA shape="RECT"
coords="564,344,611,391"href="URL OF LINK" alt="Curtis" .."FRIEND-Curtis">

<AREA shape="RECT" coords="625,344,672,391"href="URL OF LINK" alt="Heather Wegner" .."FRIEND-HeatherWegner">

<AREA shape="RECT" coords="564,405,611,452"href="URL OF LINK" alt="Mimo" .."FRIEND-Mimo">

<AREA shape="RECT" coords="625,406,671,452"href="URL OF LINK" alt="Mike" .."FRIEND-Mike">

<AREA shape="RECT" coords="564,467,611,513"href="URL OF LINK" alt="Monet" .."FRIEND-Monet">

<AREA shape="RECT" coords="625,466,672,513"href="URL OF LINK" alt="Russell" .."FRIEND-Russell">

<AREA shape="RECT" coords="412,73,463,125"href="http://i128.photobucket.com/albums/p182/MGO_ECLIPSE/01%20Signatures%20By%20Me/asiancouch_eclipse_02.png" alt="Signature" .."RECENTWORK1">

<AREA shape="RECT" coords="412,140,463,191"href="http://i128.photobucket.com/albums/p182/MGO_ECLIPSE/01%20Signatures%20By%20Me/asianvector_eclipse_01.png" alt="Signature" .."RECENTWORK2">

<AREA shape="RECT" coords="412,205,463,257"href="http://img530.imageshack.us/img530/2720/v3techlayoutqp6.gif" alt="Older Layout I made" .."RECENTWORK3">

<AREA shape="RECT" coords="412,272,463,323"href="http://i128.photobucket.com/albums/p182/MGO_ECLIPSE/New%20Myspace/WhiteBoxesGreenTxt.gif" alt="Last Layout I Had" .."RECENTWORK4">

<AREA shape="RECT" coords="228,370,347,400"href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=139781781" alt="View All Comments" .."ViewEditComments">

<AREA shape="RECT" coords="127,84,184,140"href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=139781781" alt="View My Pictures" .."LEFTABOUTPIC">

<AREA shape="RECT" coords="223,84,278,140"href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=139781781" alt="View My Pictures" .."RIGHTABOUTPIC">

</MAP>

<img src="http://i128.photobucket.com/albums/p182/MGO_ECLIPSE/New%20Myspace/Color_Index_154.gif" usemap="#clientmap">


</div>

<div class="commentsbox" style="position: absolute; left:274px; top:587px; width:800px; height:600px; overflow: hidden;

<div align="left"><form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input type="hidden" name="friendID" value="139781781"><textarea name="f_comments" id="f_comments" cols="30" rows="3" style=" background-color:ce9d72!important; background-image: url(http://); background-position: top left; background-attachement: fixed; background-repeat: repeat; border-width:1px!important; border-color:7b4437!important; border-style:solid!important; font-family:Tahoma!important; font-size:12px!important; color:7b4437!important; width:230px!important; height:60px!important; ">Comment Here</textarea><br><input type="submit" value="Submit"><input type="reset" value="Clear"></form></div>

</div>

any help would be highly appreciated

[-eclipse-]

no one?

[YourSuperior]

Hmm. Maybe your comment box DIV is overlapping the image map which causes it not to work, because I noticed you have your comment box DIV width set to 800 pixels. I think you should lower it a bit and then see if it works.

[-eclipse-]

sweet. that worked for the links, but there's still that weird blue line around the top and left of my background image.

any ideas? anyone?

www.myspace.com/eclipsemgo

[YourSuperior]

It looks like a border made from html. Try adding border="0" inside of your image and your bg div like so:

<img src="http://i128.photobucket.com/albums/p182/MGO_ECLIPSE/New%20Myspace/Color_Index_154.gif" usemap="#clientmap" border="0">

<div class="bg" style="position: absolute; left:100px; top:160px; width:800px; height:600px; overflow: hidden;" border="0">

[-eclipse-]

hmm... no luck

[YourSuperior]

Okay, I viewed your source and after border="0" you had another quotation which made it look like this: border="0"" take the last quotation off of both codes that I told you to put the border attribute on. So you should only have one quotation on each side of the zero, which means one after the equal sign and one after the zero.

[-eclipse-]

ok it worked

i added border: "0"

but i left one of the " in

it was like "border="0"">

and it didnt work. but it does now, so i thank you very much for your help Maestro.

[YourSuperior]

You're welcome! I'm glad I could help!

[-eclipse-]

I just hate when I do all the harder things right, and mess up on the simple stuff

lol

[YourSuperior]

^Oh it's okay, we all make simple mistakes and we learn from our mistakes so we won't make them again. This is why createblog is here, to help you! I'm glad I could help you fix your myspace!