SiteExperts.com Logo Home | Community | Developer's Paradise
User Groups | Site Tools | Site Information | Search
 Main Menu
 Forums
SiteExperts.com Forums
All Discussions

SiteExperts Feedback
The Lounge
Dynamic HTML
Site Design/ Critiques
HTML and CSS
XML Technologies
The Wireless Internet
Internet Explorer
Microsoft .NET
The Server
Technical Support

Sponsored Links

User Groups : Forums : SiteExperts : HTML and CSS :

Previous DiscussionNext Discussion
 Myspace CSS Image Map Problem

Ok, I found this site after an hour of searching for troubleshooting guides to my problem. I'm currently in the process of spiffing up my Myspace page and I'm encountering a problem with my image map. I made it using Corel Paintshop Pro. I am unable to get the image I used to show up on my page below. www.myspace.com/valarist

You'll see th blank box on the left side. I'm new to programming and image editing and it took a great many hours to get as far as I have. I could really use some help. I'd like to get the image map below to show up in the empty box. I think my problem is that HTML and CSS aren't compatible, but I'm not positive. Can someone give me a hand here?

Image Map: http://www.eq2knowledge.com/images/avatars/Linkboximagemap.htm
Image Link: http://www.eq2knowledge.com/images/avatars/Linkboximagemap.gif

Do I need to give more info?

 

Started By Orothos on Dec 12, 2005 at 11:51:57 AM
This message has been edited.

6 Response(s) | Reply

Earlier Replies | Replies 1 to 6 of 6 | Later Replies
Monte on Dec 12, 2005 at 12:34:38 PM (# 1)

I think my problem is that HTML and CSS aren't compatible, but I'm not positive.

?!?!?!

It's not a compatibility issue. Check out www.w3schools.com for more info on HTML & on stylesheets.

Is it the empty box below "view more pics"?

If that's the one, here are a couple of tips:

Here's a validator to try that will show you your "mistakes" with regard to your HTML code.

http://validator.w3.org/

Also, I'd check my path information, and make sure that the image is in the correct path.

For instance, take the code from http://www.eq2knowledge.com/images/avatars/Linkboximagemap.htm and put the the image where you want it to appear. That seems to be your problem. Seems you got some bad information from somewhere.

BTW...if that's your music on that site, it's good!


Orothos on Dec 12, 2005 at 1:15:29 PM (# 2)

The code I'm using is below:

<<style type="text/css">

.contactTable {
width:300px !important; height:150px !important; padding:0px !important;
background-image:url('http://www.eq2knowledge.com/images/avatars/linkboximagemap.htm');
background-attachment:scroll; background-position:center center;
background-repeat:no-repeat; background-color:transparent;}
.contactTable table, table.contactTable td { padding:0px !important;
border:0px; background-color:transparent; background-image:none;}
.contactTable a img {visibility:hidden; border:0px !important;}
.contactTable .text {font-size:1px !important;}
.contactTable .text, .contactTable a, .contactTable img {filter:none !important;}

.contactTable .whitetext12 {display:none;}</style>
<style type="text/css">


BachusII on Dec 12, 2005 at 1:21:26 PM (# 3)

This wouldn't be the problem eh? Nooo.
background-image:url('http://www.eq2knowledge.com/images/avatars/linkboximagemap.htm');


Orothos on Dec 12, 2005 at 8:07:43 PM (# 4)

I tried changing it to the gif format, but the problem stays the same. So that's what I'm asking? What code do I need to be using? I'm so lost, heh.


BachusII on Dec 13, 2005 at 12:54:19 AM (# 5)

Correct URL? No.
Paste that URL directly and you'll get a 404. eq2knowlwedge.com demands case sensitive URLs.


Monte on Dec 13, 2005 at 6:25:56 AM (# 6)

Refer to post #1.

For instance, take the source code from http://www.eq2knowledge.com/images/avatars/Linkboximagemap.htm and put the the image where you want it to appear. That seems to be your problem. Seems you got some bad information from somewhere.

<img name="Linkboximagemap0" src="Http://www.eq2knowledge.com/images/avatars/Linkboximagemap.gif" width="300" height="150" border="0" usemap="#Linkboximagemap" alt="" />

<map name="Linkboximagemap">
<area shape="rect" coords="5,10,119,30" href="http://Mail8.myspace.com/index.cfm?fuseaction=mail.message&friendID=7255919&Mytoken=8b3ba16b-07d8-45e9-9d4e-3663c6638ab9" alt="">
<area shape="rect" coords="4,30,131,48" href="http://www.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=7255919&Mytoken=8b3ba16b-07d8-45e9-9d4e-3663c6638ab9" alt="">
<area shape="rect" coords="0,83,161,105" href="http://Mail8.myspace.com/index.cfm?fuseaction=mail.forward&friendID=7255919&f=forwardprofile&Mytoken=8b3ba16b-07d8-45e9-9d4e-3663c6638ab9" alt="">
<area shape="rect" coords="6,69,123,85" href="http://groups.myspace.com/index.cfm?fuseaction=groups.addtogroup&friendID=7255919&Mytoken=8b3ba16b-07d8-45e9-9d4e-3663c6638ab9" alt="">
<area shape="rect" coords="6,104,155,123" href="http://www.myspace.com/index.cfm?fuseaction=user.addToFavorite&friendID=7255919&public=0&Mytoken=8b3ba16b-07d8-45e9-9d4e-3663c6638ab9" alt="">
<area shape="rect" coords="3,122,102,141" href="http://www.myspace.com/index.cfm?fuseaction=block.blockUser&userID=7255919&Mytoken=8b3ba16b-07d8-45e9-9d4e-3663c6638ab9" alt="">
<area shape="rect" coords="107,121,196,141" href="http://www.myspace.com/index.cfm?fuseaction=RateImage.UserRating&UserID=7255919&Mytoken=8b3ba16b-07d8-45e9-9d4e-3663c6638ab9" alt="">
<area shape="rect" coords="4,48,142,67" href="javascript: void(0);" id="_ctl0_PageContent__ctl0_UserContactLinks1_MessageFriendLink" alt="">
</map>


Earlier Replies | Replies 1 to 6 of 6 | Later Replies

To respond to a discussion, you must first logon.

If you are not registered, please register yourself to become a member of the SiteExperts.community.

User Name
Password
Copyright 1997-2004 InsideDHTML.com, LLC. All rights reserved.