Mapping images Options

[rachel_890]

i used the tutorial but it did not work...my links...are not links...its for my myspace layout and i copied the code i got from image mapping and it could very well be the fact that i didnt know where to put it soo lol

[*StanleyThePanda*]

Maybe try this:
http://www.createblog.com/tutorials/download.php?id=168

[rachel_890]

i tried it...that is what i meant by the tutorial...it didnt work

[freeflow]

Post the code you are trying to use?

[rachel_890]

CODE

<style type="text/css">
table table,table table table table,table table{background-color:transparent;width:300px;border:0px;}
div,table,tr,td,th{background-color:transparent;text-align:left;border:0px;}
a.navbar,font,.whitetext12,.btext,.orangetext15,.redbtext,.redtext,.blacktext12,
lightbluetext8,strong,.blacktext10,.nametext,div b font font, div font font u,table table table table, table table table table td.text, td.text td.text table,table.contacttable{display:none;}
div table form tr td,td.text table,a.text, table div font a, table div div,{visibility:hidden;di-splay:none}
td.text table table {display:inline; visibility:visible;}
embed{position:absolute;top:0px;left:0px;display:block;width:0px; height:0;}
</style>

<style type=text/css>

body {
background-color: caa57d;
background-image: url("");
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
scrollbar-arrow-color:754141;
scrollbar-track-color: f266a1;
scrollbar-shadow-color: 754141;
scrollbar-face-color:caa57d;
scrollbar-highlight-color:754141;
scrollbar-darkshadow-color:754141;
scrollbar-3dlight-color:754141;}

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:white; 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:white; 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:white; font-weight:none;border:0px; text-transform: uppercase; }  
a:link{font-family:arial; font-size:9px; color:white; font-weight:none;border:0px; text-transform: uppercase;}
a:active{font-family:arial; font-size:9px; color:white; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:white; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:white; 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>

WHo id like to meet

<div class="bg" style="position: absolute; left:245px; top:175px; width:800px; height:800px; overflow: hidden;">
<img src="http://i12.photobucket.com/albums/a208/Rachel_891/lay23.jpg">
</div>

<div class="content" style="position: absolute; left:564px; top:372px; width:405px; height:214px; overflow: auto;"><center>
<br>
The name's Rachel I'm 18 my birthday is July 24th :D<br>
I love summer <br>
I love jonas brothers <br>
my best friends are everything to me <br>
music is my life <br>
i love playing on the swings<br>
i am extremely random<br>
proud owner of OTH Seasons 1,2&3<br>
i love to have fun<br>
blue is my favourite colour<br>
contrary to popular belief i have a lot of clothes that are pink..weird<br>
i love making graphics and banners<br>
i love fanfiction..it also is my life<br>
i still get my picture taken with Santa {{with candy & Lisa}} lol<br>
Together me and Candy own all 6 seasons of Gilmore Girls <br>
the sims is my favourite game and I AM addicted...can't deny it =)<br>
i love taking pictures<br>
driving aimlessly around windsor because there is nothing better to do is fun..eh candace<br>
jonas brother will always either be playing in my car, in my room, or on my laptop<br>
i love the movie Jackass & Jackass Number Two<br>
i hate when people ignore me<br>
I love Dr.Pepper, Pepsi, and Cream Soda<br>
im used to the Dollarama ways haha;)<br>
im a sucker for guys who play guitars <br>
im a girly-girl...<br>
i still own Hanson cds<br>
i love nsync <br>
i love Foamy <br>
proud owner of It's About Time...two times over!<br>
i love my sister <br>
child at heart <br>
i love taking back sunday<br>
i love to play in the snow <br>
don't care what people think about me<br>
usually immature...=)<br>
i'm hardly at my own house..im always out<br>
I &hearts Brand New
i wanna see JB in concert <br>
I am who I am and I won't change for anyone<br>
i have soo many memories with my 2 bestfriends<br>
Candace && Lisa! and i wouldn't give them up for<br> anything..if you know me at all you'd know that. =)

</div>
<div class="content" style="position: absolute; left:277px;  top:625px; width:263px; height:320px; overflow: auto;"><center>
<br>
<center>
friends;;<br>
<a href="http://photobucket.com" target="_blank"><img src="http://i12.photobucket.com/albums/a208/Rachel_891/Pics010copy2.jpg" border="0" alt="Photo Sharing and Video Hosting at Photobucket"></a><br>
Lisa && I &hearts; <br>
<br>
<a href="http://photobucket.com" target="_blank"><img src="http://i12.photobucket.com/albums/a208/Rachel_891/dc252.jpg" border="0" alt="Photo Sharing and Video Hosting at Photobucket"></a><br>
Candy && I &hearts;
<br>
Music;;<br>
<object type="application/x-shockwave-flash" data="http://www.youtube.com/v/F5-_QpJOHMI" height="165" width="200">
  <param name="movie" value="http://www.youtube.com/v/F5-_QpJOHMI" />
  <param name="allowScriptAccess" value="never" />
  <param name="allowNetworking" value="internal" />
</object> <br>
Baby Bottle Pop - Jonas Brothers
<br>
<object type="application/x-shockwave-flash" data="http://www.youtube.com/v/WyfGqNow4lI" height="165" width="200">
  <param name="movie" value="http://www.youtube.com/v/WyfGqNow4lI" />
  <param name="allowScriptAccess" value="never" />
  <param name="allowNetworking" value="internal" />
</object><br>
Kids Of The Future - Jonas Brothers
<br>
<object type="application/x-shockwave-flash" data="http://www.youtube.com/v/s3VYT2sGWZQ" height="165" width="200">
  <param name="movie" value="http://www.youtube.com/v/s3VYT2sGWZQ" />
  <param name="allowScriptAccess" value="never" />
  <param name="allowNetworking" value="internal" />
</object><br>
Hello Beautiful - Jonas Brothers

</center>
</div>

<div class="content" style="position: absolute; left:618px;  top:690px; width:336px; height:206px; overflow: auto;"><center><center><form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input type="hidden" name="friendID" value="11184767"><textarea name="f_comments" cols="50" rows="10">&& Everything I do brings me back to you <3</textarea><br><br><input type="submit" value="Awesomenesss"> <input type="reset" value="Reset"></form</form><br></center><br><style type="text/css">textarea {background-color:white; background-image:url(http://i12.photobucket.com/albums/a208/Rachel_891/gawsh-2.jpg); border-width:3px; border-style:solid; border-color: ffffff; color: black; font-family:Arial;} input {background-color: caa57d; border-width:3px; border-style:solid; border-color: ffffff; color: http://i12.photobucket.com/albums/a208/Rachel_891/gawsh-2.jpg; font-family:Arial;}</style><br></center><div style="position:absolute;left:0px;top:0px"><a href="http://www.pimpmypage.com/" target="_self"><img src="http://www.pimpmypage.com/img/button.gif" border="0"/></a></div>
</style>
</div>

<div class="content" style="position: absolute; left:300px;  top:350px; width:95px; height:30px; overflow: auto;"><center>


</div>

that is my layout with everything in it that goes on my myspace

and heres the code that i got from the imageready

CODE

<img src="images/me234.jpg" width="800" height="800" border="0" alt="" usemap="#me234_Map">
<map name="me234_Map">
<area shape="rect" alt="" coords="49,346,109,374" href=" http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=11184767">
<area shape="rect" alt="" coords="44,305,186,334" href=" http://www.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=11184767">
<area shape="rect" alt="" coords="53,270,151,298" href=" http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=11184767">
<area shape="rect" alt="" coords="53,232,118,260" href=" http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=11184767">
<area shape="rect" alt="" coords="53,199,151,226" href=" http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=11184767">
<area shape="rect" alt="" coords="53,165,152,191" href=" http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=11184767">
<area shape="rect" alt="" coords="53,131,133,160" href="http://home.myspace.com/index.cfm?fuseaction=user&MyToken=a4d9fb5c-43c2-487c-bc63-fb22dfec3516">
</map>

i dont know what to do with that

[freeflow]

You need to upload the image. And put it where it says:
images/me234.jpg

Then you need to put that code in its own div.

[rachel_890]

thanks