Log In · Register

 
Image Mapping and another problem
-eclipse-
post Jul 2 2007, 12:42 AM
Post #1


Member
**

Group: Member
Posts: 23
Joined: Jun 2007
Member No: 530,322



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 biggrin.gif
 

Posts in this topic


Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: