mapping (AGAIN), im gonna go bonkers! Options

[uglyduckie89]

about a month ago i posted on the help xanga saying that my image mapping wasn't working. i used pcwoard so people taught me different ways to do it but they still wouldn't work so i thought that it was my computer so i did it on my dad's but it STILL wouldn't work. am i doing something wrong cause ive mapped b4 and it was fine.... if you want to look at my xanga clickie clickie please, does neone know wats up? oh and the mapping below i used pcoward. and if ure going to say map it again....trust me i already did.

<!-- begin code provided by createblog.com --><br /><MAP NAME='Summer Love'><br /><AREA SHAPE='rect' COORDS='406,429,437,442' HREF='http://www.xanga.com/profile.aspx?user=stinatesting' ALT='Profile'><br /><AREA SHAPE='rect' COORDS='395,451,434,462' HREF='http://www.xanga.com/guestbook.aspx?user=stinatesting' ALT='Guestbook'><br /><AREA SHAPE='rect' COORDS='399,471,437,484' HREF='http://www.xanga.com/Private/SubscribeTo.aspx?user=stinatesting' ALT='Subscribe to me'><br /><AREA SHAPE='rect' COORDS='381,491,437,506' HREF='http://www.xanga.com/private/subscriptions.aspx' ALT='Read subscriptions'><br /><AREA SHAPE='rect' COORDS='362,513,433,527' HREF='http://www.xanga.com/claf' ALT='Look and Feel'><br /><AREA SHAPE='rect' COORDS='392,535,435,547' HREF='aim:goim?screenname=krnbaplova' ALT='IM me'><br /><AREA SHAPE='rect' COORDS='395,556,436,567' HREF='http://www.xanga.com/logout.aspx' ALT='Logout'><br /><AREA SHAPE='rect' COORDS='398,577,435,592' HREF='http://www.xanga.com/private/home.aspx?user=' ALT='Goodbye'><br /></MAP><br /><br /><IMG SRC='http://venus.walagata.com/w/uglyduckie89/Summer_Love.jpg' border=0 width=787 height=612 USEMAP='#imgmap'> <br /><!-- begin code provided by createblog.com --><br /><br /><div style="overflow: auto; width: 530px; height: 450px; margin-top: -460px; margin-left: 240px;"> <br /><br /><!-- end code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><br /><style type="text/css"><br />table.navigation, table.footer { display:none; }<br /></style><br /><br /><!-- end code provided by createblog.com --><!-- begin code provided by createblog.com --><br /><br /><style type="text/css"><br />.#rblEprops{display:none;}<br />#pnlEnabled table, #htmleditor, #lblTimeZone,<br />/* width of the comment page */<br />{width:245px;}<br />.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer <br />{display: none;} <br /></style><br /><br /><!-- end code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><br /><style type="text/css"><br />/* Summer Love - sTiNa*/<br />body <br />{background-color: #COLOR CODE;<br /><br />scrollbar-arrow-color: #FFFF00;<br />scrollbar-track-color: #ffffff;<br />scrollbar-shadow-color: #FFFF00;<br />scrollbar-face-color: #ffffff;<br />scrollbar-highlight-color: #FFFF00;<br />scrollbar-darkshadow-color: #ffffff;<br />scrollbar-3dlight-color: #ffffff;}<br /><br />/* edits the date */<br />div.blogheader, .caption <br />{background-image: url();<br />background-repeat:no-repeat;<br />background-position:center;<br />font-family: FONT FAMILY;<br />text-transform:none;<br />font-size:#px;<br />line-height:#px;<br />font-weight:normal;<br />color:#COLOR CODE;<br />letter-spacing:2px;<br />background-color:#COLOR CODE;<br />text-align:center;<br />border:1px solid #COLOR CODE;}<br /><br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br />font-weight: bold;<br />color: #COLOR CODE;}<br /><br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: #px solid #COLOR CODE;<br />font:normal #px FONT FAMILY;<br />background-color: #COLOR CODE;<br />font-color:#COLOR CODE;}<br /><br /> table.footer TD {<br />/* this makes the footer at the bottom centered */<br />/* leave it alone unless you know what to do*/<br />text-align: center;}<br /><br />table.left th {<br />/* on your menu module, this edits the title part of it */<br />/* like BLOGRINGS, POSTING CALENDAR, etc */<br />background-image: url();<br />background-color:none;<br />color: #COLOR CODE;<br />font: bold #pt FONT FAMILY;<br />text-transform: none;<br />text-align:center;<br />border: #COLOR CODE #px solid;}<br /> <br />table.left { <br />/* this edits the menu module */<br />width:180px;<br />color:000000;<br />background-color:#COLOR CODE;<br />BORDER: #COLOR CODE #px solid;}<br /><br />font,td,p,xmp<br />{color:#COLOR CODE;<br />font-face: FONT FAMILY;<br />font-weight:normal;<br />font-size:#pt;<br />text-align:justify;}<br /><br />table.blogbody tr td { <br />/* this edits the left margin of blog */ <br />width:0px; <br />padding-left: 0px;} <br /><br />table.blogbody {<br />/* this edits the other the place where the  blog is */<br />background-color:transparent;<br />family-font: FONT FAMILY;<br />BORDER: #COLOR CODE #px solid;<br />width:###px;} /* <-- The width for this should be around 5-15 pixels less then the width for your blog's div layer. */ <br /><br />a:link<br />{line-height: #pt; <br />font-family: FONT FAMILY;<br />font-weight:normal; <br />color:#COLOR CODE; <br />text-transform:none;<br />font-size:#pt; <br />cursor:none;}<br /><br />a:active<br />{font-family: FONT FAMILY; <br />color:#COLOR CODE; <br />text-transform:none;<br />font-size:#pt; <br />cursor: none;}<br /><br />a:visited<br />{font-family: FONT FAMILY; <br />color:#COLOR CODE; <br />text-transform:none;<br />text-decoration:strikeout;<br />font-size:#pt;<br />cursor: none;}<br /><br />A:hover {font-family:FONT FAMILY;<br />color:#COLOR CODE;<br />text-transform: uppercase; <br />cursor: none; <br />font-weight:bold;<br />font-size:#pt}</style><br /><br /><!-- end code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><style type="text/css"><br />div {<br />filter:chroma(color=ffffff); /* here you are defining which color you want to be transparent in your scrollbars */<br /><br />scrollbar-arrow-color: #FFFF00;<br />scrollbar-face-color: #ffffff; /* transparent */<br />scrollbar-3dlight-color: #ffffff; /* transparent */<br />scrollbar-darkshadow-color: #ffffff; /* transparent */<br />scrollbar-highlight-color: #FFFF00;<br />scrollbar-shadow-color: #FFFF00;<br />scrollbar-track-color: #ffffff; /* transparent */<br />}<br /></style> <br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com -->

[YourSuperior]

I think you should remap them in Adobe Image Ready, I think I remember your topics that you made on this. But anyways, like I said remap them with Adobe Image Ready, it's better than http://pcoward.com

[uglyduckie89]

did that on both mine and my dad's

[YourSuperior]

With Adobe Image Ready?

[uglyduckie89]

yes...yes i did

[lovescream]

Your div box (the one where your blog is) is covering over the mapped image. If you highlight over it all, you can see how big it actually is. Change the size.

[uglyduckie89]

i don't get what ure saying. i highlighted it and i don't see nething over the mapped image. are u using internet explorer??

[uglyduckie89]

ok i clicked select all and i saw a white space and it was covering the image mapping. so i made it smaller but the links still won't work. clickie clickie

[talcumpowder]

Your div layer encompasses the image map, because it's 500-someodd pixels large and your image is only 700-someodd pixels large.
Try this.... You also forgot to define the width of the blog.

<!-- begin code provided by createblog.com --><br /><IMG SRC='http://venus.walagata.com/w/uglyduckie89/Summer_Love.jpg' border=0 width=787 height=612 USEMAP='#imgmap'> <br /><MAP NAME='Summer Love'><br /><AREA SHAPE='rect' COORDS='406,429,437,442' HREF='http://www.xanga.com/profile.aspx?user=stinatesting' ALT='Profile'><br /><AREA SHAPE='rect' COORDS='395,451,434,462' HREF='http://www.xanga.com/guestbook.aspx?user=stinatesting' ALT='Guestbook'><br /><AREA SHAPE='rect' COORDS='399,471,437,484' HREF='http://www.xanga.com/Private/SubscribeTo.aspx?user=stinatesting' ALT='Subscribe to me'><br /><AREA SHAPE='rect' COORDS='381,491,437,506' HREF='http://www.xanga.com/private/subscriptions.aspx' ALT='Read subscriptions'><br /><AREA SHAPE='rect' COORDS='362,513,433,527' HREF='http://www.xanga.com/claf' ALT='Look and Feel'><br /><AREA SHAPE='rect' COORDS='392,535,435,547' HREF='aim:goim?screenname=krnbaplova' ALT='IM me'><br /><AREA SHAPE='rect' COORDS='395,556,436,567' HREF='http://www.xanga.com/logout.aspx' ALT='Logout'><br /><AREA SHAPE='rect' COORDS='398,577,435,592' HREF='http://www.xanga.com/private/home.aspx?user=' ALT='Goodbye'><br /></MAP><br /><br /><style type="text/css"><br />/* Summer Love - sTiNa*/<br />.#rblEprops{display:none;}<br />#pnlEnabled table, #htmleditor, #lblTimeZone,<br />/* width of the comment page */<br />{width:245px;}<br />.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer <br />{display: none;} <br />body <br />{background-color: #COLOR CODE;<br /><br />scrollbar-arrow-color: #FFFF00;<br />scrollbar-track-color: #ffffff;<br />scrollbar-shadow-color: #FFFF00;<br />scrollbar-face-color: #ffffff;<br />scrollbar-highlight-color: #FFFF00;<br />scrollbar-darkshadow-color: #ffffff;<br />scrollbar-3dlight-color: #ffffff;}<br /><br />/* edits the date */<br />div.blogheader, .caption <br />{background-image: url();<br />background-repeat:no-repeat;<br />background-position:center;<br />font-family: FONT FAMILY;<br />text-transform:none;<br />font-size:#px;<br />line-height:#px;<br />font-weight:normal;<br />color:#COLOR CODE;<br />letter-spacing:2px;<br />background-color:#COLOR CODE;<br />text-align:center;<br />border:1px solid #COLOR CODE;}<br /><br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br />font-weight: bold;<br />color: #COLOR CODE;}<br /><br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: #px solid #COLOR CODE;<br />font:normal #px FONT FAMILY;<br />background-color: #COLOR CODE;<br />font-color:#COLOR CODE;}<br /><br /> table.footer TD {<br />/* this makes the footer at the bottom centered */<br />/* leave it alone unless you know what to do*/<br />text-align: center;}<br /><br />table.left th {<br />/* on your menu module, this edits the title part of it */<br />/* like BLOGRINGS, POSTING CALENDAR, etc */<br />background-image: url();<br />background-color:none;<br />color: #COLOR CODE;<br />font: bold #pt FONT FAMILY;<br />text-transform: none;<br />text-align:center;<br />border: #COLOR CODE #px solid;}<br /> <br />table.left { <br />/* this edits the menu module */<br />width:180px;<br />color:000000;<br />background-color:#COLOR CODE;<br />BORDER: #COLOR CODE #px solid;}<br /><br />font,td,p,xmp<br />{color:#COLOR CODE;<br />font-face: FONT FAMILY;<br />font-weight:normal;<br />font-size:#pt;<br />text-align:justify;}<br /><br />table.blogbody tr td { <br />/* this edits the left margin of blog */ <br />width:0px; <br />padding-left: 0px;} <br /><br />table.blogbody {<br />/* this edits the other the place where the  blog is */<br />background-color:transparent;<br />family-font: FONT FAMILY;<br />BORDER: #COLOR CODE #px solid;<br />width: 300px;} /* <-- The width for this should be around 5-15 pixels less then the width for your blog's div layer. */ <br /><br />a:link<br />{line-height: #pt; <br />font-family: FONT FAMILY;<br />font-weight:normal; <br />color:#COLOR CODE; <br />text-transform:none;<br />font-size:#pt; <br />cursor:none;}<br /><br />a:active<br />{font-family: FONT FAMILY; <br />color:#COLOR CODE; <br />text-transform:none;<br />font-size:#pt; <br />cursor: none;}<br /><br />a:visited<br />{font-family: FONT FAMILY; <br />color:#COLOR CODE; <br />text-transform:none;<br />text-decoration:strikeout;<br />font-size:#pt;<br />cursor: none;}<br /><br />A:hover {font-family:FONT FAMILY;<br />color:#COLOR CODE;<br />text-transform: uppercase; <br />cursor: none; <br />font-weight:bold;<br />font-size:#pt}<br />div {<br />filter:chroma(color=ffffff); /* here you are defining which color you want to be transparent in your scrollbars */<br />scrollbar-arrow-color: #FFFF00;<br />scrollbar-face-color: #ffffff; /* transparent */<br />scrollbar-3dlight-color: #ffffff; /* transparent */<br />scrollbar-darkshadow-color: #ffffff; /* transparent */<br />scrollbar-highlight-color: #FFFF00;<br />scrollbar-shadow-color: #FFFF00;<br />scrollbar-track-color: #ffffff; /* transparent */}<br /></style><br /><br /><div style="overflow: auto; width: 330px; height: 450px; margin-top: -460px; margin-left: 440px;"><br /><!-- end code provided by createblog.com -->

[lilphoenix]

if nyah-nek0's image map won't work, then give me a buzz [pm, IM, etc.] and i'll do the image map me-self again.

[edit]

<!-- begin code provided by createblog.com --><br /><IMG SRC="http://venus.walagata.com/w/uglyduckie89/Summer_Love.jpg" border=0 width=787 height=612 USEMAP="#imgmap"><br /><MAP NAME="Summer Love"> <br /><AREA SHAPE="rect" COORDS="401,428,433,446" HREF="http://www.xanga.com/profile.aspx?user=stinatesting" ALT="Profile"><br /><AREA SHAPE="rect" COORDS="389,449,434,462" HREF="http://www.xanga.com/guestbook.aspx?user=stinatesting" ALT="Guestbook"><br /><AREA SHAPE="rect" COORDS="391,470,433,483" HREF="http://www.xanga.com/Private/SubscribeTo.aspx?user=stinatesting" ALT="Subscribe to me"><br /><AREA SHAPE="rect" COORDS="375,491,434,504" HREF="http://www.xanga.com/private/subs.aspx" ALT="Read subscriptions"><br /><AREA SHAPE="rect" COORDS="356,512,430,526" HREF="http://edit.xanga.com/claf.aspx" ALT="Look and Feel"><br /><AREA SHAPE="rect" COORDS="382,532,433,546" HREF="aim:goim?screenname=krnbaplova" ALT="IM me"><br /><AREA SHAPE="rect" COORDS="385,553,434,570" HREF="http://www.xanga.com/logout.aspx" ALT="Logout"><br /><AREA SHAPE="rect" COORDS="394,574,433,592" HREF="http://www.xanga.com/private/home.aspx?" ALT="Goodbye"><br /></MAP><br /><!-- end code provided by createblog.com -->