Announcement

Collapse
No announcement yet.

Blogger issue

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Blogger issue

    Hi all,

    My blog is located at http://magsila.blogspot.com (Click here first before any other links)

    If you take a look at it, it looks a bit incomplete: here is the photo - http://members.shaw.ca/budger/problem.jpg


    But if you click on the other links, it looks complete (all the borders and the header image are there). Then click back on to "Journal" and it looks complete as well.

    I have a suspicion that this may be a CSS-related issue. For some reason, blogger does not accept the CSS (that is externally located on my website). When I click on the other links, and then click back onto "Journal," my browser automatically recognizes the CSS (from being stored in the cache) and applies it to the blog.

    Is there anyway to fix this problem?

    There was no problem before when it was located at http://blog.magsila.com (my own personal website)... but ever since google wanted us to migrate it to their servers, I had this issue...

    Thanks

  • #2
    On firefox it works like a charm for me although ie as usual decides to fuck it all up for us. I think the issue here is that you have mixed http://www.magsila.com/ links and http://magsila.blogspot.com/ links and css together and it somehow is only able to read from one of them. If on ie you go to http://www.magsila.com/ it works without any problems once again. Probably have to put everything under one roof and pray.
    2:Galaxy Turbo> Jab?
    2:TWDevChat2> JabJabJab> what...
    2:Galaxy Turbo> Who would be your dream woman?
    2:Unliked <ER>> i bet kim
    2:Galaxy Turbo> Lol...
    2:TWDevChat2> JabJabJab> afk
    --
    1:TWDevChat2> JabJabJab> <-- Life
    1:TWDevChat2> JabJabJab> GG

    Comment


    • #3
      Originally posted by The Unliked One... View Post
      On firefox it works like a charm for me although ie as usual decides to fuck it all up for us. I think the issue here is that you have mixed http://www.magsila.com/ links and http://magsila.blogspot.com/ links and css together and it somehow is only able to read from one of them. If on ie you go to http://www.magsila.com/ it works without any problems once again. Probably have to put everything under one roof and pray.
      You say that on IE, you went to magsila.com first before going to magsila.blogspot.com?

      Do the reverse.. You will see the issue. If you go to magsila.blogspot.com first, you will see that it is all screwed up. Then go to magsila.com, then magsila.blogspot.com. It will be fine. The reason I can think of this is because the browser stores the CSS information into its cache and then when you go to magsila.blogspot.com, it recalls the css (from the cache) to complete the page.

      If this is exactly what you did and you spotted this as an issue, then how to I resolved this? I'm not sure how to do what you suggested (from what you wrote, lol)... cuz on the blogger template, I linked it directly to http://www.magsila.com/styles.css
      Last edited by Spiderman; 03-16-2010, 06:59 AM.

      Comment


      • #4
        hmn.... yea i think firefox seems to make it work.. except for IE...

        Comment


        • #5
          http://img260.imageshack.us/img260/6811/simonh.png
          http://img692.imageshack.us/img692/9625/simon2.png

          There's an error, but it's not something that pops up, you have to double click on it. The error notification is on the bottom left of the screen. Also, http://blog.magsila.com/ seems to redirect me to http://magsila.blogspot.com/ after a couple of minutes (intended?). You'll notice it was actually just starting to load the page right when I took the screenshot in the first picture.


          What's even more strange is that the page you're having trouble with isn't giving me the errors. o_O
          Last edited by Xog; 03-16-2010, 12:16 PM.

          Comment


          • #6
            yea, blog.magsila.com was intended to be directed to magsila.blogspot.com (the new home of the blog)....

            interesting that your IE catches it and not mine. (still doesnt)

            hmmm... and its weird, cuz there arent 384 lines in my code.

            Code:
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
            <html xmlns="http://www.w3.org/1999/xhtml">
            <head>
            <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
            <title>Simon Cheng</title>
            <link href="http://www.magsila.com/styles.css" rel="stylesheet" type="text/css" />
            <style type="text/css">
            
            <!--
            .t-nobullet {
            	list-style-image: none;
            	list-style-type: none;
            }
            .t-nobullet a:hover
            {
            	background-color: #bdced8;
            } 
            .t-blogitemtitle {
            
            	font-size: 120%;
            	font-weight: bold;
            	text-transform: uppercase;
            	color: #02486C;
            	float:left;
            	margin: 0px;
            }
            
            .t-blogDate {
            	float:left;
            	text-align: left;
            	margin: 0px;
            	color: #585858;
            }
            .t-sep {
            	float:left;
            	text-align: left;
            	margin-left: 20px;
            	margin-top: 5px;
            	margin-bottom: 5px;
            	width: 95%;
            	color: #000000;
            	padding: 0px;
            	border-top-width: 1px;
            	border-top-style: solid;
            	border-top-color: #000000;
            }
            .t-commentsLabel {
            	text-align: right;
            	margin: 0px;
            	border:none;
            	
            }
            
            -->
            #navbar-iframe { display: none; }
            </style>
            </head>
            <body>
            
            <div id="box">
              <!-- Begin Container Box -->
              <div id="title"> 
                <h1>Simon Cheng</h1>
              </div>
              <!--site title at the top -->
              <!-- Header image -->
              <div id="header"></div>
              <div id="top-nav">
                <!-- begin to navigation -->
                <ul id="navlist">
                  <li><a href="http://www.magsila.com/index.html" tabindex="1">Home</a></li>
                  <li><a href="http://www.magsila.com/resume.html" tabindex="2">R&eacute;sum&eacute;</a></li>
                  <li><a href="http://www.magsila.com/portfolio.html" tabindex="3">Portfolio</a></li>
                  <li><a href="http://magsila.blogspot.com" tabindex="4">Journal</a></li>
                  <li><a href="http://www.magsila.com/contact.html" tabindex="5">Contact</a></li>
                </ul>
              </div>
              <!-- End top navigation -->
              <div id="main">
                <!-- Begin Main Content -->
             <Blogger>
            
            <h1><a name="<$BlogItemNumber$>"></a></h1>
            
            
            
            <p class="t-blogitemtitle"><BlogItemTitle><BlogItemUrl><a href="<$BlogItemUrl$>" title="external link"></BlogItemUrl><$BlogItemTitle$><BlogItemUrl></a></BlogItemUrl></p>
            <br>
            <p class="t-blogDate"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader></BlogItemTitle></p>
            <div class="t-sep">&nbsp;</div>
            <ul>
            
            <$BlogItemBody$>
            
            <BlogItemUrl><a href="<$BlogItemUrl$>" title="external link"> HI</BlogItemUrl>
            
            <br>
            <MainOrArchivePage>
            
            <p class="t-commentsLabel">
              <a href="<$BlogItemPermalinkUrl$>" title="permalink"></a> &nbsp;
             <MainOrArchivePage><BlogItemCommentsEnabled>
               <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnclick$>>
              <$BlogItemCommentCount$> comments</a>
               </BlogItemCommentsEnabled></MainOrArchivePage>
            </p>
            <!-- Begin #comments -->
            
            <ItemPage>
            
            <div id="comments">
            
            <BlogItemCommentsEnabled>
            <a name="comments"></a> <$BlogItemCommentCount$> Comments:
            
              <dl id="comments-block">
            
              <BlogItemComments>
            
               <dt class="comment-poster" id="c<$BlogCommentNumber$>"><a name="c<$BlogCommentNumber$>"></a>
            
                 <$BlogCommentAuthor$> said...
            
               </dt>
            
               <dd class="comment-body">
            
            <p><$BlogCommentBody$></p>
            
               </dd>
            
               <dd class="comment-timestamp"><a href="#<$BlogCommentNumber$>" title="comment permalink"><$BlogCommentDateTime$></a>
            
             <$BlogCommentDeleteIcon$>
            
            </dd>
            
              </BlogItemComments>
            
            </dl>
            
            <p class="comment-timestamp"><$BlogItemCreate$></p>
            
            </BlogItemCommentsEnabled>
            
            <p class="comment-timestamp"><a href="<$BlogURL$>"><< Home</a></p>
            
            </div>
            
            </ItemPage>
            
            <!-- End #comments -->
            
            </ul>
            </MainOrArchivePage>
            </Blogger>
              </div>
              <!-- end main content -->
              <!-- Begin right menu -->
              <div id="right-menu"> 
                <h2 class="sideheader">Links</h2>
                <div id="navcontainer"> 
                  <!--begin side navigation -->
                  <ul id="right-navlist">
                    <li><a href="http://www.linkedin.com/in/simoncheng13">LinkedIn Profile</a></li>
                    <li><a href="http://www.scylus.com">Scylus Webdesign</a></li>
                    <li><a href="http://co-op.arts.ubc.ca/">UBC Arts Co-op</a></li>
                    <li><a href="http://www.theglobeandmail.com/">Globe and Mail</a></li>
                    <li><a href="http://www.cbc.ca">CBC News</a></li>
                    <li><a href="http://ca.travel.yahoo.com/">Yahoo! Travel</a></li>
                    <li><a href="http://www.weatheroffice.gc.ca/canada_e.html">Weather Office</a></li>
                  </ul>
                </div>
                <!-- end side navigaion -->
                <!-- begin more info -->
                <div id="more-info">
            
            <h2 class="sideheader">Previous Posts</h2>
            <p class="t-nobullet">
            <BloggerPreviousItems>
            <a href="<$BlogItemPermalinkURL$>">
            <$BlogPreviousItemTitle$><br>
            </a>
            </BloggerPreviousItems>
            </p>
            <h2 class="sideheader">Archives</h2>
            
            <BloggerArchives><li class="t-nobullet"><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></li></BloggerArchives>
            
            </MainOrArchivePage>
                </div>
                <!-- end more info -->
              </div>
              <!--end right menu -->
            </div>
            
            <div align="center">
              <!--end box div-->
              </div>
            </body>
            </html>
            Here is the CSS

            Code:
            body {
            	margin: 0;
            	padding: 0;
            	border: 0;
            	text-align: center;
            	color:#000000;
            	background-color: #3492c3;
            	font-family: Verdana, Arial, Helvetica, sans-serif;
            	font-size: 100.01%;
            	background-image: url(images/back.jpg);
            	background-repeat: repeat-y;
            	background-position: 50% 0px;
            }
            #box {
            	width: 782px;
            	margin-right: auto;
            	margin-left: auto;
            	text-align: left;
            	margin-top: 0px;
            	position: relative;
            }
            a:link, a:visited {
            	color:#02486C;
            	text-decoration:none;
            }
            a:hover{
            	text-decoration:none;
            	border-bottom: 1px dashed #ffffff;
            }
            #title {
            	background-color: #02486c;
            	width: 760px;
            	margin: 0px 0px 0px 11px;
            	border-bottom:2px solid white;
            	height: 30px;
            }
            #title h1 {
            	color: #FFFFFF;
            	font-family: Geneva, Arial, Helvetica, sans-serif;
            	font-size: 24px;
            	text-align: right;
            	font-style: oblique;
            	font-variant: normal;
            	margin: 0px 20px 0px 0px;
            	padding: 0px;
            }
            #header {
            	background-image: url(images/head2.jpg);
            	background-repeat: no-repeat;
            	width: 760px;
            	height: 200px;
            	margin: 0px 0px 0px 11px;
            	padding: 1px 1px 1px 0px;
            	margin-top: 0px !important;
            }
            #top-nav{
            	width:760px;
            	margin-left:11px;
            	background-color : #02486C;
            	height : 30px;
            	font-size: 80%;
            	border-top : 2px solid #FFFFFF;
            	padding: 0px;
            	margin-top: -3px;
            	border-bottom-width: 2px;
            	border-bottom-style: solid;
            	border-bottom-color: #FFFFFF;
            }
            #top-nav ul {
            	list-style-type: none;
            	padding-top: 6px;
            	padding-right: 0;
            	padding-left: 0;
            	text-align: center;
            	margin-top: 0px;
            	margin-bottom: 0px;
            }
            #top-nav ul li {
            	display: inline;
            	margin-right: 40px;
            	margin-left: 40px;
            }
            #top-nav li a{
            	color : #FFFFFF;
            }
            #top-nav li a:hover{
            	color : #ffffff;
            	text-decoration: none;
            }
            #main {
            	font-family:Verdana, Arial, Helvetica, sans-serif;
            	font-size: .75em;
            	line-height: 1.7em;
            	padding: 1px;
            	margin-top: 0px;
            	border: thin none #FF0000;
            	float: left;
            	width: 560px;
            }
            #main p {
            	padding-left: 20px;
            	padding-right: 15px;
            }
            #main h1 {
            	text-transform:uppercase;
            	margin:10px 40px 0px 20px;
            	color:#02486C;
            	text-align:left;
            	font-size: 120%;
            }
            #right-menu {
            	width:180px;
            	margin:0px 0px 0px 580px;
            	border: 2px none #FFFFFF;
            	padding: 0px;
            }
            #right-navlist {
            	width: 99.99%;
            	font-size: 80%;
            	line-height: 20px;
            	margin: 5px 0px 5px 0px;
            	padding:0;
            	list-style-type: none;
            	border: 1px none #BB7D88;
            	color: #02486C;	
            }
            #right-navlist a {
            	width: 99.99%;
            	display: block;
            	text-align: left;
            	text-decoration: none;
            	color: #02486C;
            }
            
            #right-navlist a#current, #right-navlist a:hover{
            	background-color: #bdced8;
            }
            #right-navlist a:visited { 
            	color: #02486C;
            }
            .sideheader {
            	background-color: #02486C;
            	color: #FFFFFF;
            	font-size:15px;
            	margin-top:10px;
            	padding-top: 3px;
            	padding-bottom: 3px;
            }
            #more-info {
            	font-size: 0.75em;
            	line-height: 130%;
            }
            #footer {
            	margin-left: 11px;
            	padding: 0px;
            	margin-top: 60px;
            	margin-right: 0px;
            	margin-bottom: 0px;
            	text-align: center;
            	color: #02486C;
            }
            #footer a:link, #footer a:visited {
            	color: #02486C;
            }
            #footer a:hover {
            	border-bottom: 1px dashed #02486C;
            }
            Last edited by Spiderman; 03-16-2010, 02:24 PM.

            Comment


            • #7
              Code:
              <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
              <html xmlns="http://www.w3.org/1999/xhtml">
              <head><link rel="canonical" href="http://magsila.blogspot.com/" />
              <meta http-equiv="refresh" content="30;url=http://magsila.blogspot.com/" />
              <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
              <title>Simon Cheng</title>
              <link href="http://www.magsila.com/styles.css" rel="stylesheet" type="text/css" />
              <style type="text/css">
              <!--
              .t-nobullet {
               list-style-image: none;
               list-style-type: none;
              }
              .t-nobullet a:hover
              {
               background-color: #bdced8;
              }
              .t-blogitemtitle {
               font-size: 120%;
               font-weight: bold;
               text-transform: uppercase;
               color: #02486C;
               float:left;
               margin: 0px;
              }
              .t-blogDate {
               float:left;
               text-align: left;
               margin: 0px;
               color: #585858;
              }
              .t-sep {
               float:left;
               text-align: left;
               margin-left: 20px;
               margin-top: 5px;
               margin-bottom: 5px;
               width: 95%;
               color: #000000;
               padding: 0px;
               border-top-width: 1px;
               border-top-style: solid;
               border-top-color: #000000;
              }
              .t-commentsLabel {
               text-align: right;
               margin: 0px;
               border:none;
               
              }
              -->
              </style>
              <link rel="me" href="http://www.blogger.com/profile/07919427884612495963" />
              <link rel="openid.server" href="http://www.blogger.com/openid-server.g" />
              </head>
              <body>
              <div id="box">
                <!-- Begin Container Box -->
                <div id="title"> 
                  <h1>Simon Cheng</h1>
                </div>
                <!--site title at the top -->
                <!-- Header image -->
                <div id="header"></div>
                <div id="top-nav">
                  <!-- begin to navigation -->
                  <ul id="navlist">
                    <li><a href="http://www.magsila.com/index.html" tabindex="1">Home</a></li>
                    <li><a href="http://www.magsila.com/resume.html" tabindex="2">R&eacute;sum&eacute;</a></li>
                    <li><a href="http://www.magsila.com/portfolio.html" tabindex="3">Portfolio</a></li>
                    <li><a href="http://blog.magsila.com/index.php" tabindex="4">Journal</a></li>
                    <li><a href="http://www.magsila.com/contact.html" tabindex="5">Contact</a></li>
                  </ul>
                </div>
                <!-- End top navigation -->
                <div id="main">
                  <!-- Begin Main Content -->
               
              <h1><a name="2066110097800583619"></a></h1>
               
              <p class="t-blogitemtitle"><a href="http://magsila.blogspot.com/" title="external link">This blog has moved</a></p>
              <br>
              <p class="t-blogDate">Wednesday, March 10, 2010</p>
              <div class="t-sep">&nbsp;</div>
              <ul>
              <div style="clear:both;"></div><br />       This blog is now located at http://magsila.blogspot.com/.<br />       You will be automatically redirected in 30 seconds, or you may click <a href='http://magsila.blogspot.com/'>here</a>.<br /><br />       For feed subscribers, please update your feed subscriptions to<br />       http://magsila.blogspot.com/feeds/posts/default.<br />  <div style="clear:both; padding-bottom:0.25em"></div>
              <a href="http://magsila.blogspot.com/" title="external link"> HI
              <br>
               
              <p class="t-commentsLabel">
                <a href="http://blog.magsila.com/2010/03/this-blog-has-moved.php" title="permalink"></a> &nbsp;
               <MainOrArchivePage>
                 <a href="https://www.blogger.com/comment.g?bl...9&isPopup=true" onclick="window.open('https://www.blogger.com/comment.g?blogID=4355723883539018842&postID=2066110097800583619&isPopup=true', 'bloggerPopup', 'toolbar=0,scrollbars=1,location=0,statusbar=1,menubar=0,resizable=1,width=400,height=450');return false;">
                0 comments</a>
               
              </p>
              <!-- Begin #comments -->
               
              <!-- End #comments -->
              </ul>
              </MainOrArchivePage>
               
              <h1><a name="134986593638430022"></a></h1>
               
              <p class="t-blogitemtitle">Parallax view of class</p>
              <br>
              <p class="t-blogDate">Monday, March 8, 2010</p>
              <div class="t-sep">&nbsp;</div>
              <ul>
              <div style="clear:both;"></div>I've been following bell hooks' work for several years and find that even her older works / speeches always has a new / fresh perspective to offer.  Rather than thinking about "class" from a statistical or macro-sociological standpoint, she offers a standpoint of what class means from her location / standpoint.  <br /><br />Many students, even academics tend not to think beyond the textbook definition of "class" - they tend to equate class stratification to ills of capitalism.  Karl Marx argues that inequality of society stems from class conflict, alienation and inequality of production.  Max Weber argues similarily, but says that it stems from inequality of consumption (a different perspective).  <br /><br />It seems that bell hooks warns us to stay away from these definitions, because they do not seem to get to the heart of the matter.  She equates class with values.  Is it part of our value to share the resources that we have? What is the individual capacity for greed?  Watch her argument:<br /><br /><object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/lfYUngo3xA4...</param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/lfYUngo3xA4...olor2=0x54abd6" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object><br /><br />What can we achieve from adopting bell hooks' perspectives?  To what extent can we forget about money problems, transcend materialism, so that Weber's "inequality of consumption" is not an issue?<div style="clear:both; padding-bottom:0.25em"></div>
               
              <br>
               
              <p class="t-commentsLabel">
                <a href="http://blog.magsila.com/2010/03/rede...n-of-class.php" title="permalink"></a> &nbsp;
               <MainOrArchivePage>
                 <a href="https://www.blogger.com/comment.g?bl...2&isPopup=true" onclick="window.open('https://www.blogger.com/comment.g?blogID=4355723883539018842&postID=134986593638430022&isPopup=true', 'bloggerPopup', 'toolbar=0,scrollbars=1,location=0,statusbar=1,menubar=0,resizable=1,width=400,height=450');return false;">
                0 comments</a>
               
              </p>
              <!-- Begin #comments -->
               
              <!-- End #comments -->
              </ul>
              </MainOrArchivePage>
               
              <h1><a name="8119563077323769188"></a></h1>
               
              <p class="t-blogitemtitle">Marshmallow Experiment</p>
              <br>
              <p class="t-blogDate">Tuesday, December 8, 2009</p>
              <div class="t-sep">&nbsp;</div>
              <ul>
              <div style="clear:both;"></div>I recently saw this video link posted in a newsletter which I found very amusing.<br /><br /><object width="480" height="295"><param name="movie" value="http://www.youtube.com/v/4ZikfUI0G5o...</param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/4ZikfUI0G5o...olor2=0x6b8ab6" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="295"></embed></object><br /><br />"By the time the children reach high school, something remarkable has happened. A survey of the children's parents and teachers found that those who as four-year-olds had the fortitude to hold out for the second marshmallow grew to be better adjusted, more popular, adventurous, confident, and dependable teenagers. The children who gave in to temptation early on were more likely to be lonely, easily frustrated, and stubborn, They buckled under stress and shied away from challenges. And when some of the kids in the two groups took the SAT, the kids who had held out longer scored and average of 210 points higher." Time Magazine.<div style="clear:both; padding-bottom:0.25em"></div>
               
              <br>
               
              <p class="t-commentsLabel">
                <a href="http://blog.magsila.com/2009/12/mars...experiment.php" title="permalink"></a> &nbsp;
               <MainOrArchivePage>
                 <a href="https://www.blogger.com/comment.g?bl...8&isPopup=true" onclick="window.open('https://www.blogger.com/comment.g?blogID=4355723883539018842&postID=8119563077323769188&isPopup=true', 'bloggerPopup', 'toolbar=0,scrollbars=1,location=0,statusbar=1,menubar=0,resizable=1,width=400,height=450');return false;">
                1 comments</a>
               
              </p>
              <!-- Begin #comments -->
               
              <!-- End #comments -->
              </ul>
              </MainOrArchivePage>
               
              <h1><a name="8937784131642263164"></a></h1>
               
              <p class="t-blogitemtitle">Autumn</p>
              <br>
              <p class="t-blogDate">Monday, September 21, 2009</p>
              <div class="t-sep">&nbsp;</div>
              <ul>
              <div style="clear:both;"></div>Autumn has arrived.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://blog.magsila.com/uploaded_ima...3085.jpg"><img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 320px; height: 240px;" src="http://blog.magsila.com/uploaded_ima...lad-723003.jpg" border="0" alt="" /></a><div style="clear:both; padding-bottom:0.25em"></div>
               
              <br>
               
              <p class="t-commentsLabel">
                <a href="http://blog.magsila.com/2009/09/autumn.php" title="permalink"></a> &nbsp;
               <MainOrArchivePage>
                 <a href="https://www.blogger.com/comment.g?bl...4&isPopup=true" onclick="window.open('https://www.blogger.com/comment.g?blogID=4355723883539018842&postID=8937784131642263164&isPopup=true', 'bloggerPopup', 'toolbar=0,scrollbars=1,location=0,statusbar=1,menubar=0,resizable=1,width=400,height=450');return false;">
                0 comments</a>
               
              </p>
              <!-- Begin #comments -->
               
              <!-- End #comments -->
              </ul>
              </MainOrArchivePage>
               
              <h1><a name="7251395980596445333"></a></h1>
               
              <p class="t-blogitemtitle">Portfolio</p>
              <br>
              <p class="t-blogDate"></p>
              <div class="t-sep">&nbsp;</div>
              <ul>
              <div style="clear:both;"></div>My portfolio is now available via the <a href="http://www.magsila.com/portfolio.html">Portfolio</a> page.<div style="clear:both; padding-bottom:0.25em"></div>
               
              <br>
               
              <p class="t-commentsLabel">
                <a href="http://blog.magsila.com/2009/09/portfolio.php" title="permalink"></a> &nbsp;
               <MainOrArchivePage>
                 <a href="https://www.blogger.com/comment.g?bl...3&isPopup=true" onclick="window.open('https://www.blogger.com/comment.g?blogID=4355723883539018842&postID=7251395980596445333&isPopup=true', 'bloggerPopup', 'toolbar=0,scrollbars=1,location=0,statusbar=1,menubar=0,resizable=1,width=400,height=450');return false;">
                0 comments</a>
               
              </p>
              <!-- Begin #comments -->
               
              <!-- End #comments -->
              </ul>
              </MainOrArchivePage>
               
              <h1><a name="5193560697730684145"></a></h1>
               
              <p class="t-blogitemtitle">Hiking Chiefs 1 & 2</p>
              <br>
              <p class="t-blogDate">Saturday, August 8, 2009</p>
              <div class="t-sep">&nbsp;</div>
              <ul>
              <div style="clear:both;"></div><p>View of Squamish from peak #1:<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://blog.magsila.com/uploaded_ima...9161.jpg"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 320px; height: 239px;" src="http://blog.magsila.com/uploaded_ima...8_n-759158.jpg" alt="" border="0" /></a><br /></p><p> </p><br /><p> </p><br /><p><br /></p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://blog.magsila.com/uploaded_ima...4952.jpg"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 320px; height: 239px;" src="http://blog.magsila.com/uploaded_ima...6_n-714949.jpg" alt="" border="0" /></a><br /></p><p> </p><br /><p> </p><br /><p><br /></p><p><br /></p><p><br /></p><p><br /></p><p><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://blog.magsila.com/uploaded_ima...1495.jpg"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 320px; height: 239px;" src="http://blog.magsila.com/uploaded_ima...1_n-721460.jpg" alt="" border="0" /></a><br /><br /></p><br /><p> </p><br /><p> </p><br /><p><br /></p><p><br /></p><p><br /></p><p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://blog.magsila.com/uploaded_ima...6227.jpg"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 320px; height: 239px;" src="http://blog.magsila.com/uploaded_ima...3_n-756225.jpg" alt="" border="0" /></a></p><div style="clear:both; padding-bottom:0.25em"></div>
               
              <br>
               
              <p class="t-commentsLabel">
                <a href="http://blog.magsila.com/2009/08/hiki...n-squamish.php" title="permalink"></a> &nbsp;
               <MainOrArchivePage>
                 <a href="https://www.blogger.com/comment.g?bl...5&isPopup=true" onclick="window.open('https://www.blogger.com/comment.g?blogID=4355723883539018842&postID=5193560697730684145&isPopup=true', 'bloggerPopup', 'toolbar=0,scrollbars=1,location=0,statusbar=1,menubar=0,resizable=1,width=400,height=450');return false;">
                0 comments</a>
               
              </p>
              <!-- Begin #comments -->
               
              <!-- End #comments -->
              </ul>
              </MainOrArchivePage>
               
              <h1><a name="4248093428434068222"></a></h1>
               
              <p class="t-blogitemtitle">Celebration of Light</p>
              <br>
              <p class="t-blogDate">Sunday, August 2, 2009</p>
              <div class="t-sep">&nbsp;</div>
              <ul>
              <div style="clear:both;"></div><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://blog.magsila.com/uploaded_ima...6046.jpg"><img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 320px; height: 240px;" src="http://blog.magsila.com/uploaded_ima...1_n-776014.jpg" border="0" alt="" /></a><br />Fireworks were awesome last night. Team China probably had the best show in years - excellent timing, music, and use of fireworks.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://blog.magsila.com/uploaded_ima...6749.jpg"><img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 320px; height: 272px;" src="http://blog.magsila.com/uploaded_ima...4_n-746720.jpg" border="0" alt="" /></a><div style="clear:both; padding-bottom:0.25em"></div>
               
              <br>
               
              <p class="t-commentsLabel">
                <a href="http://blog.magsila.com/2009/08/cele...n-of-light.php" title="permalink"></a> &nbsp;
               <MainOrArchivePage>
                 <a href="https://www.blogger.com/comment.g?bl...2&isPopup=true" onclick="window.open('https://www.blogger.com/comment.g?blogID=4355723883539018842&postID=4248093428434068222&isPopup=true', 'bloggerPopup', 'toolbar=0,scrollbars=1,location=0,statusbar=1,menubar=0,resizable=1,width=400,height=450');return false;">
                0 comments</a>
               
              </p>
              <!-- Begin #comments -->
               
              <!-- End #comments -->
              </ul>
              </MainOrArchivePage>
                </div>
                <!-- end main content -->
                <!-- Begin right menu -->
                <div id="right-menu"> 
                  <h2 class="sideheader">Links</h2>
                  <div id="navcontainer"> 
                    <!--begin side navigation -->
                    <ul id="right-navlist">
                      <li><a href="http://www.linkedin.com/in/simoncheng13">LinkedIn Profile</a></li>
                      <li><a href="http://www.scylus.com">Scylus Webdesign</a></li>
                      <li><a href="http://co-op.arts.ubc.ca/">UBC Arts Co-op</a></li>
                      <li><a href="http://www.theglobeandmail.com/">Globe and Mail</a></li>
                      <li><a href="http://www.cbc.ca">CBC News</a></li>
                      <li><a href="http://ca.travel.yahoo.com/">Yahoo! Travel</a></li>
                      <li><a href="http://www.weatheroffice.gc.ca/canada_e.html">Weather Office</a></li>
                    </ul>
                  </div>
                  <!-- end side navigaion -->
                  <!-- begin more info -->
                  <div id="more-info">
              <h2 class="sideheader">Previous Posts</h2>
              <p class="t-nobullet">
              <a href="http://blog.magsila.com/2010/03/this-blog-has-moved.php">
              This blog has moved<br>
              </a>
              <a href="http://blog.magsila.com/2010/03/rede...n-of-class.php">
              Parallax view of class<br>
              </a>
              <a href="http://blog.magsila.com/2009/12/mars...experiment.php">
              Marshmallow Experiment<br>
              </a>
              <a href="http://blog.magsila.com/2009/09/autumn.php">
              Autumn<br>
              </a>
              <a href="http://blog.magsila.com/2009/09/portfolio.php">
              Portfolio<br>
              </a>
              <a href="http://blog.magsila.com/2009/08/hiki...n-squamish.php">
              Hiking Chiefs 1 &amp; 2<br>
              </a>
              <a href="http://blog.magsila.com/2009/08/cele...n-of-light.php">
              Celebration of Light<br>
              </a>
              <a href="http://blog.magsila.com/2009/08/sony-video.php">
              Sony Video<br>
              </a>
              </p>
              <h2 class="sideheader">Archives</h2>
              <li class="t-nobullet"><a href="http://blog.magsila.com/2009_08_01_archive.php">August 2009</a></li><li class="t-nobullet"><a href="http://blog.magsila.com/2009_09_01_a...php">September 2009</a></li><li class="t-nobullet"><a href="http://blog.magsila.com/2009_12_01_a....php">December 2009</a></li><li class="t-nobullet"><a href="http://blog.magsila.com/2010_03_01_archive.php">March 2010</a></li>
              </MainOrArchivePage>
                  </div>
                  <!-- end more info -->
                </div>
                <!--end right menu -->
              </div>
              <div align="center">
                <!--end box div-->
                </div>
              <script type="text/javascript" src="http://www.blogger.com/static/v1/com...b.js"></script>
              <script>if (typeof(window.attachCsiOnload) != 'undefined' && window.attachCsiOnload != null) { window.attachCsiOnload('ext_blogspot'); }</script></body>
              </html>
              Line 394 is
              Code:
              <div align="center">
              way at the bottom.

              Code:
              <div align="center">
                <!--end box div-->
                </div>
              <script type="text/javascript" src="http://www.blogger.com/static/v1/com...b.js"></script>
              <script>if (typeof(window.attachCsiOnload) != 'undefined' && window.attachCsiOnload != null) { window.attachCsiOnload('ext_blogspot'); }</script></body>
              </html>
              But it also says Char 88, as far as I can see there are only 20 Chars on that line. :\
              Last edited by Xog; 03-16-2010, 02:39 PM.

              Comment


              • #8
                I'm almost positive this is causing the problem.
                http://img708.imageshack.us/img708/6747/simon5.png
                Last edited by Xog; 03-16-2010, 03:17 PM.

                Comment


                • #9
                  I guess I see the difference, but here is the problem:

                  I understand you got that code from "View source" - however, that is not the code I see when I login to blogger.com --- it is the HTML code I copied and pasted above, which is completely different than what you see...

                  This is weird lol

                  Comment


                  • #10
                    Compare your official code with both sites then? Put them side to side like I did. I do have a feeling it has to do with that section there. I don't think anything below that would be causing the issue. If all the code is the same word for word, I have no idea.

                    Comment


                    • #11
                      I compared the two codes more in depth and here's the difference.

                      Blogger always has a Navigation bar that they place at the top of each blogger page. After comparing codes, this is what I determined:

                      that the code you see on the left, is a majority of the code for the navigation bar....

                      however, I disabled that by placing #navbar-iframe {display: none; }

                      the code below it, a majority of it is the navbar stuff that blogger mandatorily placed there...


                      still not sure how to get rid of it... maybe if i give you my login :P

                      Comment


                      • #12
                        Actually I don't really know much about java, and i know 0% about CSS. I do know how structure of HTML works, which is how I could help identify the problem, but I would have no idea how to fix it. If you just wait around a little longer I'm sure someone will help you out. There's plenty of people who know what they're doing.

                        Comment


                        • #13
                          Code:
                          <style type="text/css">  
                          
                          
                            
                          
                          
                          <!-- 
                          
                          
                          .t-nobullet { 
                          
                          
                              list-style-image: none; 
                          
                          
                              list-style-type: none; 
                          
                          
                          } 
                          
                          
                          .t-nobullet a:hover 
                          
                          
                          { 
                          
                          
                              background-color: #bdced8; 
                          
                          
                          }  
                          
                          
                          .t-blogitemtitle { 
                          
                          
                            
                          
                          
                              font-size: 120%; 
                          
                          
                              font-weight: bold; 
                          
                          
                              text-transform: uppercase; 
                          
                          
                              color: #02486C; 
                          
                          
                              float:left; 
                          
                          
                              margin: 0px; 
                          
                          
                          } 
                          
                          
                            
                          
                          
                          .t-blogDate { 
                          
                          
                              float:left; 
                          
                          
                              text-align: left; 
                          
                          
                              margin: 0px; 
                          
                          
                              color: #585858; 
                          
                          
                          } 
                          
                          
                          .t-sep { 
                          
                          
                              float:left; 
                          
                          
                              text-align: left; 
                          
                          
                              margin-left: 20px; 
                          
                          
                              margin-top: 5px; 
                          
                          
                              margin-bottom: 5px; 
                          
                          
                              width: 95%; 
                          
                          
                              color: #000000; 
                          
                          
                              padding: 0px; 
                          
                          
                              border-top-width: 1px; 
                          
                          
                              border-top-style: solid; 
                          
                          
                              border-top-color: #000000; 
                          
                          
                          } 
                          
                          
                          .t-commentsLabel { 
                          
                          
                              text-align: right; 
                          
                          
                              margin: 0px; 
                          
                          
                              border:none; 
                          
                          
                               
                          
                          
                          } 
                          
                          
                            
                          
                          
                          --> 
                          
                          
                          #navbar-iframe { display: none; } 
                          
                          
                          </style> 
                          
                          
                          <link rel="me" href="http://www.blogger.com/profile/07919427884612495963" /> 
                          
                          
                          <link rel="openid.server" href="http://www.blogger.com/openid-server.g" /> 
                          
                          
                          <!-- --><style type="text/css">@import url(http://www.blogger.com/static/v1/v-css/navbar/697174003-classic.css); 
                          
                          
                          div.b-mobile {display:none;} 
                          
                          </style> 
                          
                          
                            
                          
                          
                          </head> 
                          
                          
                          <body><script type="text/javascript"> 
                          
                          
                              function setAttributeOnload(object, attribute, val) { 
                          
                          
                                if(window.addEventListener) { 
                          
                          
                                  window.addEventListener("load", 
                          
                          
                                    function(){ object[attribute] = val; }, false); 
                          
                          
                                } else { 
                          
                          
                                  window.attachEvent('onload', function(){ object[attribute] = val; }); 
                          
                          
                                } 
                          
                          
                              } 
                          
                          
                            </script> 
                          
                          
                          <iframe src="http://www.blogger.com/navbar.g?targetBlogID=4355723883539018842&amp;blogName=Simon%27s+Blog&amp;publishMode=PUBLISH_MODE_BLOGSPOT&amp;navbarType=BLUE&amp;layoutType=CLASSIC&amp;searchRoot=http%3A%2F%2Fmagsila.blogspot.com%2Fsearch&amp;blogLocale=en&amp;homepageUrl=http%3A%2F%2Fmagsila.blogspot.com%2F" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" height="30px" width="100%" id="navbar-iframe" allowtransparency="true" title="Blogger Navigation and Search"></iframe> 
                          
                          
                          <div></div> 
                          
                          
                          My ie pretty much highlights those red areas as errors. Could just try to delete them since you can't find them on the working pages either. Well keep the css but remove the darn comment tags. See if it helps at all
                          2:Galaxy Turbo> Jab?
                          2:TWDevChat2> JabJabJab> what...
                          2:Galaxy Turbo> Who would be your dream woman?
                          2:Unliked <ER>> i bet kim
                          2:Galaxy Turbo> Lol...
                          2:TWDevChat2> JabJabJab> afk
                          --
                          1:TWDevChat2> JabJabJab> <-- Life
                          1:TWDevChat2> JabJabJab> GG

                          Comment


                          • #14
                            tried deleting half of the codes you mentioend, but that meant that it took away from a lot of the layout...

                            the other half did not appear on the blogger.com template page...

                            Comment


                            • #15
                              sup spiderman
                              JAMAL> didn't think there was a worse shark than midoent but the_paul takes it



                              turban> claus is the type of person that would eat shit just so you would have to smell his breath

                              Originally posted by Ilya;n1135707
                              the_paul: the worst guy, needs to go back to school, bad at his job, guido

                              Comment

                              Working...
                              X