HomeHome  SearchSearch  Rules & Guidelines  Staff List  MemberlistMemberlist  RegisterRegister  Log inLog in  
Announcements

September 13th, 2017: Adding tutorials for the badging community! We're looking for volunteers to feature and help us write guides - PM Panton to get started with our project!


July 3rd, 2017: Canvas Tutorials is currently undergoing a major revamp. Please excuse any hiccups or glitches.


Coming soon

About Us

Canvas creates and supports an IMVU education environment. We offer tutorials and assistance from some of the community's most active and knowledgeable. Tutorials by users, for users!

Staff
Staff Updates
Important Links
Statistics
We have 1428 registered users
The newest registered user is zZbannyezZ

Our users have posted a total of 2569 messages in 157 subjects
Canvas Time
Share | 
 

 Halp? Code is weird (dynamic)

View previous topic View next topic Go down 
dako

avatar
View user profile
Role : Designer & Coder
Location : Kingdom Hearts
http://redbubble.com/people/kaizaoda

PostSubject: Halp? Code is weird (dynamic) Thu Nov 02, 2017 3:43 pm



Uh, it's been awhile and I don't know what I am doing anymore LOL;; And I don't know where else to go and who else to ask for help from ;;
so yeah... ty in advanced for letting me know (or whoever lets me know) what I did wrong lol.
Like did I forget to close something, or did I delete an important piece?
I have no idea, so thank you (whoever) for the help or consideration of help xD

The CODE:
 

__________________________________
Socials: Instagram | Twitter | DeviantART | Tumblr
-----------------------------------------------------------
- PLAIN -
Back to top Go down
Valoish

avatar
View user profile
Role : Designer & Coder
Location : New York City
http://kyaimvu.deviantart.com

PostSubject: Re: Halp? Code is weird (dynamic) Fri Nov 03, 2017 8:50 pm

@dako;
Some of the single and double quotation marks were "curly" or curved. It's a known Mac issue. Macs don't create the "straight" quotation marks, and since HTML can only read the "straight" ones properly, the "curly" ones mess up the code.
Here's a visual:

It's even more visible if you open Dev Tools:


I went through your coding and fixed all of the "curly" quotation marks into "straight" quotation marks. I also shifted your DP box since it wasn't centered within the designated area.
Code:
<script>
  function changeNavigation(id)
  {document.getElementById(‘main’). innerHTML=document.getElementById(main). innerHTML}
  </script>
<img src="http://funkyimg.com/i/2yXuQ.png" width="900" height="588" border="0" usemap="#map" />

<map name="map">
  <area shape="rect" coords="631,97,669,118" href="Add" border=“1” target="_blank" />
  <area shape="rect" coords="672,97,710,118" href="MSG" target="_blank" />
  <area shape="rect" coords="715,98,753,119" href="CHAT" target="_blank" />
  <area shape="rect" coords="765,98,803,119" href="BLOCK" target="_blank" />
  <area shape="rect" coords="817,99,866,119" href="REPORT" target="_blank" />

  <area shape="rect" coords="754,167,41" id="1b" onClick="changeNavigation('Home')">
  <area shape="rect" coords="826,220,32" id="2b" onClick="changeNavigation('About')">
  <area shape="rect" coords="701,403,37" id="4b" onClick="changeNavigation('Friends')">
  <area shape="rect" coords="273,454,37" id="5b" onClick="changeNavigation('Badges')">
  <area shape="rect" coords="98,379,37" id="6b" onClick="changeNavigation('Extra')">
</map>

<div id="main" style="position:absolute; left:344px; top:160px; width:270px; height:338px; overflow: auto; background-color:transparent; color:#000000; font-family: 'Saira Extra Condensed', sans-serif; font-size:11px; letter-spacing: 1pt;">
<center>
<H1> 1. Header </H1>
<H3> Home 1 </H3>
<br>
<p><b>Lorem</b> ipsum dolor sit amet, <i>consectetur</i> adipiscing elit. <u>Integer nec odio.</u> Praesent libero. <s>Sed cursus ante dapibus diam.</s> Sed nisi. <h>Nulla quis sem</h> at nibh elementum imperdiet. <b>Duis</b> sagittis ipsum. <i>Praesent</i> mauris. <s>Fusce</s> nec tellus sed <u>augue</u> semper porta. <h>Mauris massa</h>. Vestibulum lacinia arcu eget nulla. Class <s>aptent</s> taciti sociosqu ad <i>litora</i> torquent per <U>conubia nostra</u>, per inceptos <h>himenaeos.</h> Curabitur sodales <b>ligula</b> in libero.
<hr>
<blockquote>-•Blockquote•-</blockquote>
<blockquote>-•Blockquote•-</blockquote>
<blockquote>-•Blockquote•-</blockquote>
<hr>
<p><b>Lorem</b> ipsum dolor sit amet, <i>consectetur</i> adipiscing elit. <u>Integer nec odio.</u> Praesent libero. <s>Sed cursus ante dapibus diam.</s> Sed nisi. <h>Nulla quis sem</h> at nibh elementum imperdiet. <b>Duis</b> sagittis ipsum. <i>Praesent</i> mauris. <s>Fusce</s> nec tellus sed <u>augue</u> semper porta. <h>Mauris massa</h>. Vestibulum lacinia arcu eget nulla. Class <s>aptent</s> taciti sociosqu ad <i>litora</i> torquent per <U>conubia nostra</u>, per inceptos <h>himenaeos.</h> Curabitur sodales <b>ligula</b> in libero.
<h2><< 2. Header</h2>
<br>
</font></center>
</div>

<div id="Home" style="display:none">
<center>
<H1> 1. Header </H1>
<H3> Home 2 </H3>
<br>
<p><b>Lorem</b> ipsum dolor sit amet, <i>consectetur</i> adipiscing elit. <u>Integer nec odio.</u> Praesent libero. <s>Sed cursus ante dapibus diam.</s> Sed nisi. <h>Nulla quis sem</h> at nibh elementum imperdiet. <b>Duis</b> sagittis ipsum. <i>Praesent</i> mauris. <s>Fusce</s> nec tellus sed <u>augue</u> semper porta. <h>Mauris massa</h>. Vestibulum lacinia arcu eget nulla. Class <s>aptent</s> taciti sociosqu ad <i>litora</i> torquent per <U>conubia nostra</u>, per inceptos <h>himenaeos.</h> Curabitur sodales <b>ligula</b> in libero.
<hr>
<blockquote>-•Blockquote•-</blockquote>
<blockquote>-•Blockquote•-</blockquote>
<blockquote>-•Blockquote•-</blockquote>
<hr>
<p><b>Lorem</b> ipsum dolor sit amet, <i>consectetur</i> adipiscing elit. <u>Integer nec odio.</u> Praesent libero. <s>Sed cursus ante dapibus diam.</s> Sed nisi. <h>Nulla quis sem</h> at nibh elementum imperdiet. <b>Duis</b> sagittis ipsum. <i>Praesent</i> mauris. <s>Fusce</s> nec tellus sed <u>augue</u> semper porta. <h>Mauris massa</h>. Vestibulum lacinia arcu eget nulla. Class <s>aptent</s> taciti sociosqu ad <i>litora</i> torquent per <U>conubia nostra</u>, per inceptos <h>himenaeos.</h> Curabitur sodales <b>ligula</b> in libero.
<h2><< 2. Header</h2>
<br>
</center>
</div>

<div id="Home" style="display:none">
<center>
DYNAMIC! [Home2]
</center>
</div>

<div id="About" style="display:none">
<center>
DYNAMIC! [About]
</center>
</div>

<div id="Friends" style="display:none">
<center>
DYNAMIC! [Friends]
</center>
</div>

<div id="Love" style="display:none">
<center>
DYNAMIC! [Love]
</center>
</div>

<div id="Badges" style="display:none">
<center>
DYNAMIC! [Badges]
</center>
</div>

<div id="Extra" style="display:none">
<center>
DYNAMIC! [Extra]
</center>
</div>

<div id="avi" style="width:160px; height:220px; position:absolute; left:44px; top: 54px; z-index:1">
<img src="http://www.imvu.com/catalog/web_av_pic.php?u=90562700" width="160" height="220">
</div>


<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Oswald');
@import url('https://fonts.googleapis.com/css?family=Saira+Extra+Condensed');

#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, #url_panel_header,
#music_panel, #rss_panel, #video_panel,
#special_panel,#outfits_panel {      width:1000px !important;  }
#rightColumn {      display:none !important;  }
#url_panel_colRow, .imvucodes_net { display:none !important; }
#url_panel_header,.imvucodes_net { display:none; }
#url_panel_body{width:900px; height:588px;}
.paneltitle, .panelmenu, .imvucodes_net { display:none !important; }
#footerBanner  { display:none !important;  }
#ft_links2 { display:none !important;  }
#ft_links3 { display:none !important;  }
#copyright { display:none !important;  }

/*Headers*/
H1{
 width: 80%;
 padding: 3px;
 margin: 1;
 font-size: 16px;
 font-family: 'Oswald', sans-serif;
 color: #ff7300;
 Text-shadow: 2px 0px 0px #000;
 letter-spacing: 1pt;
 word-spacing: 4pt;
 border-left: 5px black solid;
 border-right: 5px black solid; }

H2{
 font-size: 10px;
 line-height: 1.5pt;
 text-transform: uppercase;
 text-align: right;
 font-family: 'Oswald', sans-serif;
 color: black;
 letter-spacing: 1.5pt;
 word-spacing: 2pt;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease; }

H2:hover{
 padding-right: 50px;
 color: #ff7300;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease; }

H3{
 font-size: 8px;
 line-height: 1pt;
 text-transform: uppercase;
 text-align: left;
 font-family: 'Oswald', sans-serif;
 color: black;
 letter-spacing: 1.5pt;
 word-spacing: 3pt; }

/*body style*/
b{font-size: 14px; font-weight: 900; color: #ff7300; }
H{background-color: #010101; color: #ff7300; padding:2px; }
i{color:#ff7300; letter-spacing: 1pt; }
s{ color:#ff7300; }
u{ border-top:none; border-bottom: 1px dashed #ff7300; border-left:none; border-right:none; color: #fff;
Text-decoration:none; }
hr{border-top:none; border-left:none; border-right:none; border-bottom: 1px dashed #000; }

blockquote{
width: 50%;
border: 2px dashed black;
color: #ff7300;
font-size: 9px;
font-family: 'Oswald', sans-serif;
padding: 3px;
letter-spacing: 2pt;
word-spacing: 2pt;
text-transform: uppercase; }

::-moz-selection {
background-color: #9E9E9E;
color: #ff7300; }

::selection {
background-color: #9E9E9E;
color: #ff7300; }

::-webkit-scrollbar {
    width: 8px;    }

::-webkit-scrollbar-button {
    width: 8px; }

::-webkit-scrollbar-thumb {
    background:#101010;
    Opacity: .3;
    border-radius:10px;    }

::-webkit-scrollbar-thumb:hover {
    background:#000;    } 

</style>

__________________________________
CanvasTutorials
ADMIN


Technician | Theft Council | Forum Design
"Love Truth and Pardon Error."

Back to top Go down
dako

avatar
View user profile
Role : Designer & Coder
Location : Kingdom Hearts
http://redbubble.com/people/kaizaoda

PostSubject: Re: Halp? Code is weird (dynamic) Sat Nov 04, 2017 5:21 am

Oh I should see if I can change that, and thank you so much~
I did not know that about Macs ^-^

__________________________________
Socials: Instagram | Twitter | DeviantART | Tumblr
-----------------------------------------------------------
- PLAIN -
Back to top Go down
 
Halp? Code is weird (dynamic)
View previous topic View next topic Back to top 
Page 1 of 1

Permissions in this forum:You cannot reply to topics in this forum
 :: HBAD REALM :: HBAD • Coding :: HBAD • Coding Repair-
Jump to: