Image mapping not working Options

[JlIaTMK]

This image mapping doesnt seem to work for me....

CODE

<!-- begin code provided by createblog.com -->

<IMG SRC='http://img84.exs.cx/img84/517/EwanMcGregor.jpg' border=0 width=700 height=480 USEMAP='Ewan'>
<MAP NAME='Ewan'>
<AREA SHAPE='rect' COORDS='614,466,698,478' HREF='http://www.xanga.com/jliatmk' ALT='The designer'>
<AREA SHAPE='rect' COORDS='9,154,53,167' HREF='http://www.xanga.com' ALT='xanga'>
<AREA SHAPE='rect' COORDS='63,152,77,169' HREF='http://www.xanga.com/signin.aspx' ALT='in'>
<AREA SHAPE='rect' COORDS='85,152,117,170' HREF='http://www.xanga.com/logout.aspx' ALT='out'>
<AREA SHAPE='rect' COORDS='126,151,179,170' HREF='http://www.xanga.com/Claf' ALT='claf'>
<AREA SHAPE='rect' COORDS='190,152,256,171' HREF='http://www.xanga.com/Private/SubscribeTo.aspx?user=USERNAME' ALT='subscribe'>
<AREA SHAPE='rect' COORDS='266,151,342,169' HREF='http://www.xanga.com/guestbook.aspx?user=USERNAME' ALT='guestbook'>
</MAP>

<!-- end code provided by createblog.com -->

this is the whole script i used.... im not sure where to put this code however

CODE

<!-- begin code provided by createblog.com -->

<style type="text/css">
/* http://createblog.com */
/* Created by Jliatmk */
/* NO JOCKING! OR SKIN EDITING! */

body {
 cursor: crosshair;
 background-color: #808080;
 scrollbar-arrow-color: #FFFFFF;
 scrollbar-track-color: #A8A8A8;
 scrollbar-shadow-color: #808080;
 scrollbar-face-color: #808080;
 scrollbar-highlight-color: #808080;
 scrollbar-darkshadow-color: #808080;
 scrollbar-3dlight-color: #A8A8A8;
 }
/* edits the date */
div.blogheader, .caption {
background-image: url();
background-repeat:no-repeat;
background-position:center;
font-family: papyrus;
text-transform:none;
font-size:18px;
line-height:25px;
width:308px;
font-weight:normal;
color:#000000;
letter-spacing:2px;
FILTER: alpha(opacity=44);
background-color:#ffffff;
text-align:center;
border:1px solid #000000;
}
.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
 font-weight: bold;
 color: #000000;
 }


input, select, textarea, iframe.htmleditor, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 1px solid #ffffff;
font:normal 12px trebuchet ms;
background-color: #808080;
font-color:#ffffff;
       }

table.header TD{
/*this makes the header at the top dissapear*/
/*leave it alone unless you know what to do*/
 display:none;
 }

table.navigation {
/*this makes the navigation bar at the top dissapear*/
/*leave this alone unless you know what to do*/
 display: none;
 }

table.footer TD {
/* this makes the footer at the bottom dissapear */
/* leave it alone unless you know what to do*/
 display: none;
 }

.mainleft { display:none; }

font,td,p,xmp{color:#000000;
font-face: trebuchet ms;
font-weight:normal;
font-size:9pt;
line-height:10pt;
text-align:justify;}

table.blogbody tr td {
/* this edits the left margin of blog */
 width:0px;
 padding-left: 0px;
 }
table.blogbody {
/* this edits the other the place where the  blog is */
background-color:#ffffff;
FILTER: alpha(opacity=44);
family-font: trebuchet ms;
BORDER: #000000 1px solid;
width:308px;}

a:link{line-height: 9pt; font-family: trebuchet ms;font-weight:normal; color:#1D1D1D; text-transform:none;font-size:9pt; cursor:crosshair;}

a:active{font-family: trebuchet ms; color:#808080; text-transform:none;font-size:9pt; cursor:crosshair;}

a:visited{font-family: trebuchet ms; color:#1D1D1D; text-transform:none;text-decoration:strikeout;font-size:9pt;cursor: crosshair;}

A:hover {font-family:tahoma;color:#FFFFFF;text-transform: uppercase; cursor: crosshair; font-weight:bold;font-size:8pt}

</style>

<DIV align="center" valign="middle" style="margin-top: -314px; margin-left:-354px; FILTER: alpha(opacity=100); OVERFLOW: auto;  WIDTH: 334px; HEIGHT: 299px; BACKGROUND-COLOR:transparent">

<!-- end code provided by createblog.com -->

[shortvi3tlaydee]

u deleted part of your image mapping code

add this after your image mapping

CODE

<!-- begin code provided by createblog.com -->
<IMG SRC='image url' border=0 width=955 height=576 USEMAP='#imgmap'>
<!-- end code provided by createblog.com -->

[JlIaTMK]

actually.... its in there.... its just on the top of the image map

CODE

<!-- begin code provided by createblog.com -->

<IMG SRC='http://img84.exs.cx/img84/517/EwanMcGregor.jpg' border=0 width=700 height=480 USEMAP='Ewan'>

<!-- end code provided by createblog.com -->

[C.Lime.Jello.]

Where are you putting the img map?
(Just wondering...)

[JlIaTMK]

i tried a couple of different areas.... im not really sure where i put them in

[C.Lime.Jello.]

.........
I'm not seeing any problems.
But ya might wanna put it before everything else....

[JlIaTMK]

hmmm alright.... do u think i should put it in the stylesheet?.... or should i put it outside the stylesheet

[DesperateXMeasur...]

Outside the stylesheet.

[JlIaTMK]

tried that.... its not working out still

[DesperateXMeasur...]

You put it at the top of your custom header?

[JlIaTMK]

yes lol

[DesperateXMeasur...]

Hmmm....
Try re-doing your entire image map code...

Here is the code:

CODE

<!-- begin code provided by createblog.com -->
<IMG NAME="name of the map" SRC="IMG URL" WIDTH="###" HEIGHT="####" BORDER="0" USEMAP="#name of map">

<MAP NAME="name of map">
<AREA SHAPE="rect" COORDS="526,270,551,287" HREF="URL">
<AREA SHAPE="rect" COORDS="525,290,586,307" HREF="URL">
<AREA SHAPE="rect" COORDS="526,309,601,331" HREF="URL">
<AREA SHAPE="rect" COORDS="526,331,601,350" HREF="URL">
<AREA SHAPE="rect" COORDS="523,351,625,371" HREF="URL">
<AREA SHAPE="rect" COORDS="524,372,573,388" HREF="URL">
<AREA SHAPE="rect" COORDS="525,390,599,410" HREF="URL">
<AREA SHAPE="rect" COORDS="525,413,595,430" HREF="URL">
</MAP>
<!-- end code provided by createblog.com -->

[JlIaTMK]

oh i found out my problem before hand.... i forgot to use #imagemap for the image tag ^ ^ thank u desperate

[sammi rules you]

-Topic Closed-