Help - Search - Members - Calendar
Full Version: I have the image map, now what?
Forums > Resource Center > Support Center > MySpace Support
MajinShenron
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 - -->
schizo
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
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.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.