Log In · Register

 
image map help
emuhleyxx
post May 12 2008, 05:42 PM
Post #1


Senior Member
***

Group: Member
Posts: 33
Joined: Aug 2007
Member No: 561,040



i always get these wrong
and i tried searching the boards
for my other posts but i couldn't find them.
so can someone help me with this image map?
its showing up but the links dont work.

CODE
<MAP NAME="everyoneonmahdiv">
<area shape="rect" href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy"
coords="600,549,669,569" >
<area shape="rect"
href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0xMTgwMDYyOTEmTXlUb2tlbj0NCg0KYzNhNDY2OTEtMTUxYy00MWE3LTg4NGEtY
Y3MThkNGU1Mzg0" coords="670,549,726,568" >
<area shape="rect"
href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTExODAwDQoNCjYy
TEmTXlUb2tlbj1hY2FhMzZhNS1iM2NkLTQyYTItOGY3NC1mYjlmYjEyNzg1ZTk=" coords="578,567,637,588" >
<area shape="rect"
href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld0FsYnVtcyZmcmllbmRJRD0xMTgwMDYyOTE="
coords="637,567,745,586" >
<area shape="rect"
href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLnZpZXcmZnJpZW5kSUQ9MTE4MDA2MjkxJmJsb2dJRD0zNTQ1Njg3NTkmDQoN
k15dG9rZW49NkIzMTI2MTktMEU5MS00MEJELThCREJBMzhFNEI4ODk2M0I0NTA0Mjg1Ng==" coords="604,586,656,603" >
<area shape="rect"
href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLnZpZXcmZnJpZW5kSUQ9MTE4MDA2MjkxJmJsb2dJRD0zNjY4MzYzNjkmDQoN
k15dG9rZW49RTIyNzgxNzUtQkNGMi00OUM3LThBMzg0MDVBQkNFNkRFNzc4MDgyOTgz" coords="659,585,721,605" >
<area shape="rect"
href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdmcmllbmRzMiZmcmllbmRJRD0xMTgwMDYyOTEmTXlUb2tlbg0KDQo9
TQ4YWMwZTUtYzcyOC00ZWYyLTg0MTktNjZhYzgwOTAzMDY4" coords="612,604,710,622">
<area shape="rect"
href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLmNvbmZpcm1zdWJzY3JpYmUmZnJpZW5kSUQ9MTE4MDA2Mjkx" coords="45,460,262,506">
<area shape="rect" href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLnZpZXcmZnJpZW5kSUQ9MTE4MDA2MjkxJmJsb2dJRD0zNTQ1Njk3MTEmTXl0
2tlbj1CMzQyRENCMS0xRUJELTRGOEItOTlFODI4OURCNjU0MUQ1QTE3MjYwNTY=" coords="343,644,746,925">

<IMG USEMAP="#everyoneonmahdiv" SRC="http://i32.tinypic.com/2ytzmvd.jpg" BORDER="0">
</map>
 
 
Start new topic
Replies
emuhleyxx
post May 12 2008, 07:14 PM
Post #2


Senior Member
***

Group: Member
Posts: 33
Joined: Aug 2007
Member No: 561,040



well im using it in a div

this is the 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>
{sets the default style for the body, table data, list data, divisions and text areas}
{ body, well you know what that is}
{ div, p, and xmp are classes}
{ table, tr, td, and th are table properties}
body,div,p,xmp,table,tr,td,th{
background-color:transparent;
scrollbar-arrow-color:000000;
scrollbar-track-color:FFFFFF;
scrollbar-shadow-color:000000;
scrollbar-face-color:FFFFFF;
scrollbar-highlight-color:FFFFFF;
scrollbar-darkshadow-color:FFFFFF;
scrollbar-3dlight-color:FFFFFF;
font-family:tahoma;
font-size:8pt;
color:000000;
border:none;}

input, select, textarea, .textfield, .button {
font-family:tahoma;
font-size:8pt;
color:FFFFFF;
border: 0px dashed FFFFFF;
background-color:transparent;
text-align:center;}

{ TEXT DEFAULTS }
{class for the basic font for the page}
.text {
font-family:tahoma; font-size:8pt; line-height:10pt; color:000000;text-align:justify;}

b,i,strong,em,u,s {
font-family:tahoma; font-size:8pt;color:000000;font-weight:normal;cursor:help;}

{style for the number of friends you have.}
.redbtext{font-family:tahoma; font-size:8pt; line-height:10pt; color:FFFFFF;border:0px solid FFFFFF; }

{repeat of the style for how many comments you have}
.redbtext{font-family:tahoma; font-size:8pt; line-height:10pt; color:FFFFFF; border:0px solid FFFFFF;}

{"Blurbs", "About Me", "Who I’d like to Meet", "Friend Space", and "Friend’s Comments" style}
.orangetext15{font-family:courier new; text-transform:uppercase; font-size:11px; color:FFFF00; font-weight:bold;background:transparent; border:0px solid FFFFFF;text-decoration:underline;}

{"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:courier new; text-transform:uppercase; font-size:11px; color:FFFF00; font-weight:bold;background:transparent;border:0px solid FFFFFF;text-align:right;}

{"In your extended network" style}
.blacktext12{font-family:courier new; font-size:16px; color:FFFF00; font-weight:bold;text-decoration: underline; text-transform:uppercase;}

{"Contacting", "Interests", "Details", and "Schools" title styling}
.whitetext12{font-family:courier new; font-size:16px; color:CCFFFF; font-weight:bold;text-decoration: underline; border:0px solid CCFFFF; text-transform:uppercase;}

{Stylizing of your name above your picture; appears you can’t change the color of your name from here. Suggestions?}
.nametext{font-family:courier new; font-size:16px; color:CCFFFF; font-weight:bold;text-decoration:underline;border:none;text-transform:uppercase;}

{date stamp on comments}
.blacktext10{font-family:tahoma; font-size:8pt; line-height:10pt; color:CCFFFF;border:0px solid FFFFFF;}

{This is how all anchor points will be displayed; anchor points appear before all links.}
a, a:link,a:active,a:visited{font-family:tahoma; font-size:8pt; line-height:10pt; color:CCFFFF;text-decoration:none}
a:hover{border-bottom:1px dashed FFFFFF; font-family:tahoma; font-size:8pt; line-height:10pt; color:FFFFFF;}

{not used on profile}
a.readmail,a.readmail:link,a.readmail:active,a.readmail:visited{font-family:tahoma; font-size:8pt; line-height:10pt; text-decoration:none;color: CCFFFF;}
a.readmail:hover{font-family:tahoma; font-size:8pt; line-height:10pt; color:FFFF00;border-bottom:1px dashed FFFFFF; }

{ "View all friends" and "invite more" link style}
a.redlink,a.redlink:link,a.redlink:active,a.redlink:visited{font-family:tahoma; font-size:8pt;font-weight:bold;color:FFFFFF;text-decoration:none}
a.redlink:hover{font-family:tahoma; font-size:8pt; line-height:10pt; color:FFFF00;border-bottom:1px dashed FFFFFF;}

{2 links in very top on the left, and the 13 links above your picture with make the navigation bar}
a.navbar,a.navbar:link,a.navbar:active,a.navbar:visited{font-family:tahoma; font-size:8pt;color:FFFFFF;text-decoration:none}
a.navbar:hover{font-family:tahoma; font-size:8pt; line-height:10pt; color:FFFF00; border-bottom:1px dashed FFFFFF;}

{ TEXT FORMATTING
DEFAULT FONT, SIZE 8, BLACK }
{ btext used for "latest blog entry" and "USERNAME has * friends"}
.btext, .itext{font-family:tahoma; font-size:8pt; line-height:10pt; color:FFFF00;border:0px solid FFFFFF;}

{ DEFAULT FONT, SIZE 8, COLORS }
{unused on profile}
.bwtext, .rtext, .rbtext, .subhead{font-family:tahoma; color:FFFF00;font-size:8pt;font-weight:bold;}

{ DEFAULT FONT, SIZE 8 }
{unused on profile}
.stext, .sbtext, .swtext{font-family:tahoma; color:FFFF00;font-size:8pt;}

{ DEFAULT FONT, SIZE 11 }
{unused on profile}
.head11, .text11{font-family:tahoma; color:FFFF00;font-size:8pt;}

{ TABLE COLORS }
{apparently unused?}
table.grey, tr.grey, td.grey{font-family:tahoma;
font-size:8pt;background:transparent;border:0px solid FFFFFF;}
table.white, tr.white, td.white{font-family:tahoma;
font-size:8pt;background:transparent;border:0px solid FFFFFF;}
table.accent_light, tr.accent_light,
td.accent_light{font-family:tahoma;
font-size:8pt;background:transparent;border:0px solid FFFFFF;}
table.accent_dark, tr.accent_dark,
td.accent_dark{font-family:tahoma;
font-size:8pt;background:transparent;border:0px solid FFFFFF;}
table.action, tr.action, td.action{font-family:tahoma;
font-size:8pt;background:transparent;border:0px solid FFFFFF; }
table.blue_light, tr.blue_light,
td.blue_light{font-family:tahoma;
font-size:8pt;background:transparent;border:0px solid FFFFFF;}
table.blue_dark, tr.blue_dark, td.blue_dark{font-family:tahoma;
font-size:8pt;background:transparent;border:0px solid FFFFFF;}


{"Help" and "Signout" in very top in right corner}
a.man,a:link,a:active,a:visited{font-family:tahoma; font-size:8pt;color:FFFFFF; text-decoration:none;}
a:hover{font-family:tahoma;
font-size:8pt;color:FFFF00; text-decoration:none;border-bottom:1px dashed FFFFFF;}
</style>


<br />
<style>table table embed {display:block; width:202px; height:35px; position:absolute; top:0px; left:0px; visibility:visible;}</style>
<p>


this is the who i'd like to meet(image map part)
CODE
<div class="bg" style="position: absolute; left:136px; top:100px; width:760px; height:926px; overflow: hidden;>

<IMG SRC="http://i32.tinypic.com/2ytzmvd.jpg" BORDER="0" USEMAP="#everyoneonmahdiv">
<MAP NAME="everyoneonmahdiv">
<area shape="rect" href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy" coords="600,549,669,569">
<area shape="rect" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
FnZSZmcmllbmRJRD0xMTgwMDYyOTEmTXlUb2tlbj0NCg0KYzNhNDY2OTEtMTUxYy00MWE3LTg4NGEtYY
MThkNGU1Mzg0" coords="670,549,726,568">
<area shape="rect" href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTExODAwDQoNCjYy
EmTXlUb2tlbj1hY2FhMzZhNS1iM2NkLTQyYTItOGY3NC1mYjlmYjEyNzg1ZTk=" coords="578,567,637,588">
<area shape="rect" href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
lld0FsYnVtcyZmcmllbmRJRD0xMTgwMDYyOTE=" coords="637,567,745,586">
<area shape="rect" href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLnZpZXcmZnJpZW5kSUQ9MTE4MDA2MjkxJmJsb2dJRD0zNTQ1Njg3NTkmDQoN
15dG9rZW49NkIzMTI2MTktMEU5MS00MEJELThCREJBMzhFNEI4ODk2M0I0NTA0Mjg1Ng==" coords="604,586,656,603">
<area shape="rect" href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLnZpZXcmZnJpZW5kSUQ9MTE4MDA2MjkxJmJsb2dJRD0zNjY4MzYzNjkmDQoN
15dG9rZW49RTIyNzgxNzUtQkNGMi00OUM3LThBMzg0MDVBQkNFNkRFNzc4MDgyOTgz" coords="659,585,721,605">
<area shape="rect" href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdmcmllbmRzMiZmcmllbmRJRD0xMTgwMDYyOTEmTXlUb2tlbg0KDQo9
Q4YWMwZTUtYzcyOC00ZWYyLTg0MTktNjZhYzgwOTAzMDY4" coords="612,604,710,622">
<area shape="rect" href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLmNvbmZpcm1zdWJzY3JpYmUmZnJpZW5kSUQ9MTE4MDA2Mjkx" coords="45,460,262,506">
<area shape="rect" href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLnZpZXcmZnJpZW5kSUQ9MTE4MDA2MjkxJmJsb2dJRD0zNTQ1Njk3MTEmTXl0
tlbj1CMzQyRENCMS0xRUJELTRGOEItOTlFODI4OURCNjU0MUQ1QTE3MjYwNTY=" coords="343,644,746,925">
</map>
</div>

<div class="content" style="position: absolute; left:230px; top:660px; width:274px; height:300px; overflow: auto;">yooyoyooyoy.
about me about me
</div>

<div class="content" style="position: absolute; left:490px; top:650px; width:173px; height:75px; overflow: auto;"><center> may 12,08- updates updatees updated
</div>
 

Posts in this topic


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