Log In · Register

 

Help Topic Rules and Requirements


For a list of all requirements and guidelines pertaining to posting a new Help topic, please click here.

This Month's Contests | Hosts Looking for Hostees | Hostees looking for Hosts | Big Book of Resources

Submission Guidelines

 
Reply to this topicStart new topic
I have the image map, now what?
MajinShenron
post Jul 11 2010, 07:51 PM
Post #1


Member
**

Group: Member
Posts: 13
Joined: Jul 2008
Member No: 670,969



I have the image map meaning the image is done along with the hyperlinks and what not. But I am clueless on what to do next for the DIV. Help PLEASE!

CODE
<div style="text-align:center; width:1152px; margin-left:auto; margin-right:auto;">
<img id="Image-Maps_2201007111902134" src="http://www.image-maps.com/uploaded_files/2201007111902134_comicrp.jpg" usemap="#Image-Maps_2201007111902134" border="0" width="1152" height="936" alt="" />
<map id="_Image-Maps_2201007111902134" name="Image-Maps_2201007111902134">
<area shape="rect" coords="125,404,212,432" href="http://home.myspace.com/index.cfm?fuseaction=user" alt="" title="" />
<area shape="rect" coords="255,404,314,432" href="http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendId=207285668" alt="" title="" />
<area shape="rect" coords="381,402,488,433" href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=207285668" alt="" title="" />
<area shape="rect" coords="545,402,661,433" href="http://blogs.myspace.com/index.cfm?fuseaction=blog.view&friendId=207285668&blogId=536987867" alt="" title="" />
<area shape="rect" coords="758,399,846,435" href="http://blogs.myspace.com/index.cfm?fuseaction=blog.view&friendId=207285668&blogId=536987892" alt="" title="" />
<area shape="rect" coords="905,400,1040,432" href="http://blogs.myspace.com/index.cfm?fuseaction=blog.view&friendId=207285668&blogId=536987905" alt="" title="" />
<area shape="rect" coords="1150,934,1152,936" href="http://www.image-maps.com/index.php?aff=mapped_users_2201007111902134" alt="Image Map" title="Image Map" />
</map>
<!-- Image map text links - Start - If you do not wish to have text links under your image map, you can move or delete this DIV -->
<div style="text-align:center; font-size:12px; font-family:verdana; margin-left:auto; margin-right:auto; width:1152px;">
<a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://home.myspace.com/index.cfm?fuseaction=user" title="Untitled">Untitled</a>
| <a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendId=207285668" title="Untitled">Untitled</a>
| <a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=207285668" title="Untitled">Untitled</a>
| <a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://blogs.myspace.com/index.cfm?fuseaction=blog.view&friendId=207285668&blogId=536987867" title="Untitled">Untitled</a>
| <a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://blogs.myspace.com/index.cfm?fuseaction=blog.view&friendId=207285668&blogId=536987892" title="Untitled">Untitled</a>
| <a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://blogs.myspace.com/index.cfm?fuseaction=blog.view&friendId=207285668&blogId=536987905" title="Untitled">Untitled</a>
| <a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://www.image-maps.com/index.php?aff=mapped_users_2201007111902134" title="Image Map">Image Map</a>
</div>
<!-- Image map text links - End - -->
Reason for edit: Please use [codebox] tags instead of [code] tags when posting longer codes. - Mike
 
schizo
post Jul 12 2010, 04:28 PM
Post #2


Senior Member
******

Group: Staff Alumni
Posts: 2,435
Joined: Feb 2007
Member No: 506,205



That's a fairly sloppy image map generator...just saying.

So you're just looking to make that into a div layout? I have a tutorial here, or there's one at the top of the Myspace Support forum.
 
Mickey
post Jul 16 2010, 01:54 PM
Post #3


Treasure Pleasure
********

Group: Head Staff
Posts: 11,193
Joined: Oct 2005
Member No: 281,127



Follow Gabi's (schizo) tutorial or this one here for a 1.0 DIV layout. As for a 2.0 DIV layout, check out this tutorial.
 

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: