i been trying to learn coding on my own by watching every youtube on it i have gotten one code to use from canvas forums this is the code that i gotten....
<script>
function changeNavigation(id)
{document.getElementById('mainbox'). innerHTML=document.getElementById(id). innerHTML}
</script>
<img style="float:center:"https://2img.net/r/ihimg/a/img924/2773/NqinkG.png" usemap="
#ImageMap1">
<map id="ImageMap1" name="ImageMap1">
<area shape="rect" coords="421,666,509,696" id="1b" onClick="changeNavigation('Home')">
<area shape="rect" coords="352,733,445,766" id="2b" onClick="changeNavigation('About')">
<area shape="rect" coords="492,734,566,761" id="3b" onClick="changeNavigation('Love')">
<area shape="rect" coords="283,804,380,828" id="4b" onClick="changeNavigation('Friends')">
<area shape="rect" coords="405,801,515,835" id="5b" onClick="changeNavigation('Support')">
<area shape="rect" coords="561,806,633,835" id="6b" onClick="changeNavigation('Shop')">
</map>
<div id="mainbox" style="position:absolute; left:227px; top:161px; width:230px; height:640px; overflow: auto; border:0px; background-color:transparent; color:
#000000;"> <center> <font face="verdana" size="1" color="white">
This tab will feature the same text found in your " Home " tab.(main)
</font></center>
</div>
<div id="Home" style="display:none">
<center> <font face="verdana" size="1" color="white">
DYNAMIC! [Home]
</font></center>
</div>
<div id="About" style="display:none">
<center> <font face="verdana" size="1" color="white">
DYNAMIC! [About]
</font></center>
</div>
<div id="Love" style="display:none">
<center> <font face="verdana" size="1" color="white">
DYNAMIC! [Love]
</font></center>
</div>
<div id="Friends" style="display:none">
<center> <font face="verdana" size="1" color="white">
DYNAMIC! [Friends]
</font></center>
</div>
<div id="Support" style="display:none">
<center> <font face="verdana" size="1" color="white">
DYNAMIC! [Support]
</font></center>
</div>
<div id="Shop" style="display:none">
<center> <font face="verdana" size="1" color="white">
DYNAMIC! [Shop]
</font></center>
</div>
<div id="other_box" style="width:000px; height:000px; position:absolute; left:000px; top: 000px; z-index:1">
</div>
<div id="avi_box" style="width:160px; height:220px; position:absolute; left:000px; top: 000px; z-index:1">
</div>
<style type="text/css">
#aboutme_panel,
#contact_panel,
#dev_panel,
#wishlist_panel,
#visitors_panel,
#messages_panel,
#tagcloud_panel,
#stickers_panel,
#collect_panel,
#room_panel,
#rankings_panel,
#cool_panel,
#gallery_panel,
#friends_panel,
#streetteam_panel,
#blog_panel,
#video_panel_header,
#music_panel,
#rss_panel,
#url_panel,
#special_panel,
#outfits_panel { width:900px !important; }
#rightColumn { display:none !important; }</style> <style
type="text/css">
#url_panel_colRow, .imvucodes_net {
display:none !important; }</style>
this is the direct link to the layout that i made
https://2img.net/r/ihimg/a/img924/2773/NqinkG.pngi think the coords are all wrong if anyone could help me out and tell me what i done wrong or help me fix this ill be every so greatful