Log In · Register

 
 
Closed TopicStart new topic
Xanga Skin Help, I cannot get my image map to work
Untold Tale
post Nov 27 2004, 02:15 PM
Post #1


Newbie
*

Group: Member
Posts: 5
Joined: Nov 2004
Member No: 66,592



CODE
<!-- begin code provided by createblog.com -->
<img src="http://img.photobucket.com/albums/v131/theinsanefairy/rs.png">
<map id="paint" name="paint">
<area shape="rect" coords="9,271,56,280" href="http://www.xanga.com" title="xanga" />
<area shape="rect" coords="69,269,112,281" href="http://www.xanga.com/claf/default.asp" title="CLAF" />
<area shape="rect" coords="124,269,182,281" href="http://www.xanga.com/guestbook.asp?user=Untold_Tale" title="GBOOK" />
<area shape="rect" coords="197,268,250,277" href="http://www.xanga.com/Private/SubscribeTo.aspx?user=Untold_Tale" title="Add me" />
<area shape="rect" coords="263,271,316,278" href="http://www.xanga.com/private/home.aspx" title="Private" />
<area shape="default" nohref="nohref" alt="" />
</map>
<DIV style="margin-top: DO THIS LATERpx; margin-left:
LEFTDO THIS LATERpx; width: 270px;OVERFLOW: auto; height:308px; BACKGROUND-COLOR: transparent">
<!-- end code provided by createblog.com -->


I've been trying and trying and I cannot get my image map to work for some reason. I have done image mapping before and it has worked. I have tried a different layout placing so I don't know if that is the problem or not. If you could please tell me what is wrong, why it isn't working and what I can do to fix it it would be very much appreciated.
Thankyou
 
sweetxsimplicity
post Nov 27 2004, 02:17 PM
Post #2


hi, my name is brianna! =]
*******

Group: Official Member
Posts: 5,764
Joined: Jun 2004
Member No: 22,114



You have to put this code before any image map code. wink.gif

CODE
<!-- begin code provided by createblog.com -->
<map id="paint" name="paint">
<!-- end code provided by createblog.com -->
 
Untold Tale
post Nov 27 2004, 02:19 PM
Post #3


Newbie
*

Group: Member
Posts: 5
Joined: Nov 2004
Member No: 66,592



So that goes before the image one too?
 
sweetxsimplicity
post Nov 27 2004, 02:22 PM
Post #4


hi, my name is brianna! =]
*******

Group: Official Member
Posts: 5,764
Joined: Jun 2004
Member No: 22,114



QUOTE(Untold Tale @ Nov 27 2004, 11:19 AM)
So that goes before the image one too?

Yep, the code for the image mapping would be

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

<map id="paint" name="paint">
<img src="http://img.photobucket.com/albums/v131/theinsanefairy/rs.png">
<area shape="rect" coords="9,271,56,280" href="http://www.xanga.com" title="xanga" />
<area shape="rect" coords="69,269,112,281" href="http://www.xanga.com/claf/default.asp" title="CLAF" />
<area shape="rect" coords="124,269,182,281" href="http://www.xanga.com/guestbook.asp?user=Untold_Tale" title="GBOOK" />
<area shape="rect" coords="197,268,250,277" href="http://www.xanga.com/Private/SubscribeTo.aspx?user=Untold_Tale" title="Add me" />
<area shape="rect" coords="263,271,316,278" href="http://www.xanga.com/private/home.aspx" title="Private" />
<area shape="default" nohref="nohref" alt="" />
</map>
<!-- end code provided by createblog.com -->
 
Untold Tale
post Nov 27 2004, 02:23 PM
Post #5


Newbie
*

Group: Member
Posts: 5
Joined: Nov 2004
Member No: 66,592



Thankyou so much! biggrin.gif
I'm going to see if it works now
 
Untold Tale
post Nov 27 2004, 02:27 PM
Post #6


Newbie
*

Group: Member
Posts: 5
Joined: Nov 2004
Member No: 66,592



I tried it on my testing xanga and it doesn't work..itcan be found here
I'll post the entire code I used this time..
CODE
<!-- begin code provided by createblog.com -->
<map id="paint" name="paint">
<img src="http://img.photobucket.com/albums/v131/theinsanefairy/rs.png">
<area shape="rect" coords="9,271,56,280" href="http://www.xanga.com" title="xanga" />
<area shape="rect" coords="69,269,112,281" href="http://www.xanga.com/claf/default.asp" title="CLAF" />
<area shape="rect" coords="124,269,182,281" href="http://www.xanga.com/guestbook.asp?user=Untold_Tale" title="GBOOK" />
<area shape="rect" coords="197,268,250,277" href="http://www.xanga.com/Private/SubscribeTo.aspx?user=Untold_Tale" title="Add me" />
<area shape="rect" coords="263,271,316,278" href="http://www.xanga.com/private/home.aspx" title="Private" />
</map>
<DIV style="margin-top: -250px; margin-left:
-360px; width: 215px;OVERFLOW: auto; height:250px; BACKGROUND-COLOR: transparent">
<style type=text/css>
A:link
{
    font-family:Courier;
    font-weight: normal;
    text-decoration: none;
    color:#000000;
        line-height:10px;
    font-size:11px;
        letter-spacing: 1px;
}


A:visited
{
    font-family:Courier;
    font-weight: normal;
    text-decoration: none;
    color: #000000;
        line-height:10px;
    font-size:11px;
        letter-spacing: 1px;
}



A:active
{
    font-family:Courier;
    font-weight: normal;
    text-decoration: none;
    color:#000000;
        line-height:10px;
    font-size:11px;
        letter-spacing: 1px;
}



a:hover {
/* edits when user mouseovers the links */
 color:#000000;
 letter-spacing: 2px;
 font:normal 11px courier;
 line-height:10px;
 text-transform:lowercase;
 cursor: ne-resize;
 }







body {
 cursor: ne-size;
 background-color: #ffffff;
scrollbar-3dlight-color:ffffff;
scrollbar-arrow-color:000000;
scrollbar-track-color:#ffffff;
scrollbar-darkshadow-color:ffffff;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:000000;
scrollbar-shadow-color:000000;
 }



.linksmall
{
    font-family:Arial;
        line-height:10px;
    font-size: 11px;
}



P
{
    font-family:Arial;
        line-height:10px;
    font-size: 11px;
}



TD
{
    font-family:Arial;
        line-height:10px;
    font-size: 11px;
}



TH
{
    font-family:Arial;
        line-height:10px;
    font-size: 11px;
}



HR
{width:300px}



.standard
{
    font-family:Arial;
        line-height:10px;
    font-size: 11px;
}


.standardsmall
{
    font-family:Arial;
        line-height:10px;
    font-size: 11px;
}




.button
{font-family:Arial;}



.blogheader
{
color: #000000;
font-size: 11px;
text-decoration: none;
font-weight: bold;
padding-bottom: 2pt;
text-align: left;
font-family: Arial;
border: solid #ffffff;
border-top-width: 0x;
border-bottom-width: 1x;
border-left-width: 0x;
border-right-width: 0x;
width:382px;
}



table.left TH
{
letter-spacing: 0px;
background-image: url('');
text-align: center;
}



input, textarea, select, textfield, submit, option
{
border: 1px solid #000000;
font-family: Arial;
font-size: 11px;
background: #ffffff;
color: #000000;
}



.blogbody
{
border: solid #ffffff;
border-top-width: 0x;
border-bottom-width: 1x;
border-left-width: 0x;
border-right-width: 0x;
background: transparent;
width:382px;
}



table.navigation, table.footer
{display:none;}


</STYLE>


<script>
var msg="Untold_Tale";

function title() {
document.title=msg;
}
title();

</script>
<style type=text/css>
/* remove regular modules */
texttable.left, td.mainleft, table.left, table.navigation, table.search{display:none}
table.blogbody tr td {width:0px; padding: 0px;}
</style>
<!-- end code provided by createblog.com -->
 
C.Lime.Jello.
post Nov 27 2004, 02:39 PM
Post #7


The voices talk too much... -.-u
******

Group: Member
Posts: 2,099
Joined: Aug 2004
Member No: 39,078



CODEBOX: -> right click -> copy/paste


(Replace the height and width with the actual height and width.)
(Other than that, you can just copy and paste.)
 
Untold Tale
post Nov 27 2004, 02:42 PM
Post #8


Newbie
*

Group: Member
Posts: 5
Joined: Nov 2004
Member No: 66,592



Thankyou so much, It works now!
 
sherryvu
post Nov 27 2004, 03:35 PM
Post #9


Senior Member
*******

Group: Member
Posts: 3,826
Joined: Jan 2004
Member No: 2,330



QUOTE(Untold Tale @ Nov 27 2004, 2:42 PM)
Thankyou so much, It works now!

[ topic closed ]
 

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