I have no idea where to post this (sorry)

Role : Lurker Location : Venus

But I have recently tried getting into coding, and I've followed tutorials and been sitting down for hours upon end trying to make my code work... But it just doesn't. Can anyone help? ; - ;

codein here:

Code:: <center>

<font face="verdana" size="1" color="black">

<img src="http://userimages-akm.imvu.com/userdata/42/73/54/43/userpics/Snap_9f21s0uTxx1366134783.png" width="858" height="547" border="0" usemap="#ImageMap1">

<div id="main_box" style="width:424px; height:218px; position:absolute; left:391px; top:144px; z-index:1; overflow:auto;">
<iframe src="http://filedrive.imvustylez.net/users/Mimgu/-Min-Home.html" name="inlineframe" width="000" height="000" border="0" marginwidth=0 marginheight=0 frameborder=0 allowtransparency="true"></iframe>
</div>

<div id="main2_box" style="width:424px; height:218px; position:absolute; left:391px; top:144px; z-index:1; overflow:auto;">
<iframe src="http://filedrive.imvustylez.net/users/Mimgu/-Min-Home.html " name="inlineframe" width="000" height="000" border="0" marginwidth=0 marginheight=0 frameborder=0 allowtransparency="true"></iframe>
</div>

<div id="main_box" style="width:424px; height:218px; position:absolute; left:391px; top:144px; z-index:1; overflow:auto;">
<iframe src="http://filedrive.imvustylez.net/users/Mimgu/-Min-Badges.html " name="inlineframe" width="000" height="000" border="0" marginwidth=0 marginheight=0 frameborder=0 allowtransparency="true"></iframe>
</div>

<div id="main_box" style="width:424px; height:218px; position:absolute; left:391px; top:144px; z-index:1; overflow:auto;">
<iframe src="http://filedrive.imvustylez.net/users/Mimgu/-Min-Art.html " name="inlineframe" width="000" height="000" border="0" marginwidth=0 marginheight=0 frameborder=0 allowtransparency="true"></iframe>
</div>

<div id="main_box" style="width:424px; height:218px; position:absolute; left:391px; top:144px; z-index:1; overflow:auto;">
<iframe src="http://filedrive.imvustylez.net/users/Mimgu/-Min-Buds.html " name="inlineframe" width="000" height="000" border="0" marginwidth=0 marginheight=0 frameborder=0 allowtransparency="true"></iframe>
</div>

<div id="main_box" style="width:424px; height:218px; position:absolute; left:391px; top:144px; z-index:1; overflow:auto;">
<iframe src="http://filedrive.imvustylez.net/users/Mimgu/-Min-Love.html " name="inlineframe" width="000" height="000" border="0" marginwidth=0 marginheight=0 frameborder=0 allowtransparency="true"></iframe>
</div>

<div id="youtube_box" style="width:300px; height:200px; position:absolute; left:507px; top:393px; z-index:1; overflow:auto;">
<iframe src="http://filedrive.imvustylez.net/users/Mimgu/-Min-Youtube.html " name="inlineframe" width="000" height="000" border="0" marginwidth=0 marginheight=0 frameborder=0 allowtransparency="true"></iframe>
</div>

<div id="Avi" style="width:160px; height:220px; position:absolute; left:49px; top:152px; z-index:1; overflow:hidden;">

<img src="http://www.imvu.com/catalog/web_av_pic.php?av=gutz"> </div>

<map id="ImageMap1" name="ImageMap1" >
<area shape="rect" coords="230,183,364,202" alt="Homepage" href="http://filedrive.imvustylez.net/users/Mimgu/-Min-Home.html" target=inlineframe"/>

<area shape="rect" coords="233,215,364,232" alt="About me" href="http://filedrive.imvustylez.net/users/Mimgu/-Min-About.html" target=inlineframe"/>

<area shape="rect" coords="232,245,368,264" alt="Badges" href="http://filedrive.imvustylez.net/users/Mimgu/-Min-Badges.html""target=inlineframe">
<area shape="rect" coords="232,277,358,295" alt="Art" href="http://filedrive.imvustylez.net/users/Mimgu/-Min-Art.html" target=inlineframe"/>

<area shape="rect" coords="230,308,364,328" alt="Buds" href="http://filedrive.imvustylez.net/users/Mimgu/-Min-Buds.html" target=inlineframe"/>

<area shape="rect" coords="240,338,354,356" alt="Love" href="http://filedrive.imvustylez.net/users/Mimgu/-Min-Love.html" target=inlineframe"/>

<area shape="rect" coords="229,136,261,166" alt="Add" href="http://www.imvu.com/catalog/web_add_contact.php?contact=gutz" target="_blank"/>

<area shape="rect" coords="283,136,310,164" alt="Message" href="http://www.imvu.com/catalog/web_send_message_widget.php?recipient_id=42735443" target="_blank"/>

<area shape="rect" coords="334,136,361,165" alt="Block" href="http://www.imvu.com/catalog/web_mypage.php?block=42735443" target="_blank"/>
</map>

<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>

<style type="text/css">
.paneltitle, .panelmenu, .imvucodes_net { display:none !important; }
</style>
</font>
</center>

Role : Designer & Coder Location : New York City

@nhari; I've moved the topic to the correct sub-forum c:

What exactly isn't working in the code?

Role : Lurker Location : Venus

Valoish wrote:: @nhari; I've moved the topic to the correct sub-forum c:
What exactly isn't working in the code?

tysm for moving it for me ; v ; like the text and youtube video doesn't show up in the boxes, and when I press the buttons it just opens to a new tab o: like to the filedrive things

Role : Designer & Coder Location : New York City

@gutz; Okie gotcha~ Give me a few mins and I'll have a step by step correction guide for you ^^

Role : Lurker Location : Venus

tysm you're too kind! ; v ;

Role : Designer & Coder Location : New York City

To make sure the post isn't huge, I've put the coding in Spoilers. Please click on each to see the original version vs the fixed version c:

First thing first, you have tons of extra div boxes that you don't need:

Step 1 - Original:

You don't need to have a separate div box for every button - that's only done for Dynamic Divs. The nice thing about iFrames is that you only need div boxes for the pages you want to display at all times (Home, Updates, Youtube, Avi are the standard ones). The pages that will be displayed only when a button is clicked do not need a separate box of their own - that's what the Image Map is there for c:

Step 1 - Fixed:

The reason your buttons open in a new window and not in the Main div box is because you've accidentally removed a quotation mark from the "target=" attribute of the links:

Step 2 - Original:

All you have to do it change the text from =inlineframe" to ="inlineframe"

Step 2 - Fixed:

As for the text and youtube box not showing up, all you have to do is to give the iframe the width and height that you gave the corresponding div box:

Step 3 - Original:

So it'll look like this:

Step 3 - Fixed:

I've also removed the name="inlineframe" from the Youtube iframe link, since that is the name of your main box. If you have 2 div boxes with the same iframe name, the buttons will open in the box that is presented first in the coding (In this case its the main box). So to prevent the buttons from accidentally opening the pages in the youtube box, it's best to either remove the iframe name from that box entirely, or change it to a different name other than "inlineframe".

Role : Lurker Location : Venus

this is so helpfull! thanks heaps! :3

» [ RAAVEIN ] Status: Semi-Hiatus, read latest post!