MacInsiders Logo
Old 08-11-2010 at 12:54 AM   #1
Desda
Elite Member
Join Date: Jun 2010
Posts: 1,347

Thanked: 133 Times
Liked: 335 Times




HTML Expert, Anyone?
Hey guys, I was wondering if anyone could help me with my blogger layout. It looks fine in Firefox, but really messed up in Chrome (friend told me so, idk myself) and IE. Can someone fix this? Thank you so much! ;D My blog link is http://darlingdesda.blogspot .com

Here's the coding:

HTML Code:
<html> <head> <script type='text/javascript' language='Javascript'> function s_toggleDisplay(his, me, show, hide) { if (his.style.display != 'none') { his.style.display = 'none'; me.innerHTML = show; } else { his.style.display = 'block'; me.innerHTML = hide;}} </script> <object width="25" height="25"><param name="movie" value="http://www.youtube.com/v/eivjMgWu3JA&hl=en_US&fs=1&color1=0xcc2550&color2=0xe87a9f"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/eivjMgWu3JA&hl=en_US&fs=1&autoplay=1&color1=0xcc2550&color2=0xe87a9f" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="25" height="25"></embed></object> <LINK href="http://i19.photobucket.com/albums/b163/asian-fanatic/blogiconcherries.gif" type="image/x-icon" rel="shortcut icon"> <script type="text/javascript"> function changeNavigation(id) {document.getElementById('content').innerHTML=document.getElementById(id).innerHTML} </script> <script type="text/javascript"> //Created by Title bar Maker (http://www.bosiljak.hr/titlemaker) function tb8_makeArray(n){ this.length = n; return this.length; } tb8_messages = new tb8_makeArray(3); tb8_messages[0] = "I got you to look after me"; tb8_messages[1] = "and you got me to look after you."; tb8_messages[2] = "S i n c e r e l y , D e s d a"; tb8_rptType = 'infinite'; tb8_rptNbr = 5; tb8_speed = 85; tb8_delay = 2000; var tb8_counter=1; var tb8_currMsg=0; var tb8_tekst =""; var tb8_i=0; var tb8_TID = null; function tb8_pisi(){ tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1); document.title = tb8_tekst; tb8_sp=tb8_speed; tb8_i++; if (tb8_i==tb8_messages[tb8_currMsg].length){ tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay; } if (tb8_currMsg == tb8_messages.length){ if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){ clearTimeout(tb8_TID); return; } tb8_counter++; tb8_currMsg = 0; } tb8_TID = setTimeout("tb8_pisi()", tb8_sp); } tb8_pisi() </script> <script language=JavaScript> <!--//Disable right click script III- By Renigade ([email protected]) //For full source code, visit http://www.dynamicdrive.com var message=""; /////////////////////////////////// function clickIE() {if (document.all) {(message);return false;}} function clickNS(e) {if (document.layers||(document.getElementById&&!document.all)) { if (e.which==2||e.which==3) {(message);return false;}}} if (document.layers) {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;} else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;} document.oncontextmenu=new Function("return false")// --> </script> <style type="text/css"> body { font-family: segoe ui; font-size: 8.5pt; color: #666666; background: #FBEFEF; background-image:url(); background-attachment:fixed; background-position:bottom right; background-repeat:repeat; } a:link, a:active, a:visited { font-family: tahoma; font-size: 8pt; color: #FBB36B; text-decoration: none; font-weight: none; } a:hover { border-left: 2px solid #927B51; border-bottom: 1px dashed #A89166; font-family: tahoma; font-size:8pt; color: #FF7900;text-shadow; text-decoration: none; } table { font-family: segoe ui; font-size: 9pt; color: #777777; background: #ffffff; } .h1{ text-align: left; color: #81BEF7; font-size: 18pt; background: #; border-left:10px solid #; font-family: Arial Unicode MS; letter-spacing: -1px; text-transform: none; padding-left: 6px; } .h2{ font-size: 8pt; border-left: 20px solid #F5A9A9; border-bottom: 2px dotted #F5D0A9; text-align: left; color: #E3C1C7; font-family: segoe UI; letter-spacing: 1px; } .h3{ text-align: left; color: #888888; font-size: 30pt; background: #; font-family: arial; letter-spacing: -1px; text-transform: none; padding-left: 5px; } .h4{ text-align: left; color: #DE9EBC; font-size: 10pt; letter-spacing: 1px; font-family: courier new; border-top: 1px dotted #dddddd; border-bottom: 1px dotted #dddddd; text-transform: none; padding-left: 5px; } .navi { background-color: #ffffff; font-family: arial; font-size: 9pt; line-height: 30pt; color: #FFFFFF; width: 100px; letter-spacing: 3px; text-align: center; padding-left: 7px; padding-right: 7px; padding-top: 5px; padding-bottom: 5px; text-transform: none; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; } b {color:#B96A9A;} u {color: #B59D01; border-bottom: 1px dotted #E1ACF5; text-decoration: none;} i{color:#95B9CC;} strong {color:#9CC089;} s { color: #C1E466; cursor: help; } blockquote { font-family: segoe ui; border: 3px solid #DADADA; border-bottom: 8px solid #BCDD5A; border-top: 8px #80C31C solid; text-align: center; -moz-border-radius: 20px 20px 20px 20px; background:none; padding: 10px; color: #A89166;} } blockquote:hover { font-family: segoe ui; font-size: 8pt; border: 3px solid #DADADA; text-align: center; -moz-border-radius: 20px 20px 20px 20px; background:none; padding: 6px; color: #666666; } </style></head> <noembed><body></noembed> </div></div></div></div> <center><div style="position:absolute; top:0;"><img src="http://i19.photobucket.com/albums/b163/asian-fanatic/blogbg1.png"></div> <div style="position:absolute; top:0; right:0px;"><img src="http://i19.photobucket.com/albums/b163/asian-fanatic/blogbg2.png"></div></center> <br> <center> <div style=" margin-top: -7px;"> <span class="navi" style=" color: #555555;" onMouseOver="this.style.background=' #ffffff'; this.style.color='#f0f0f0'" onMouseOut="this.style.background=' #ffffff'; this.style.color='#555555'" onClick="document.getElementById('main').innerHTML=document.getElementById('profile').innerHTML">Profile</span> <span class="navi" style=" color: #555555;" onMouseOver="this.style.background=' #ffffff'; this.style.color='#f0f0f0'" onMouseOut="this.style.background=' #ffffff'; this.style.color='#555555'" onClick="document.getElementById('main').innerHTML=document.getElementById('tag').innerHTML">Chit-chat</span> <span class="navi" style=" color: #555555;" onMouseOver="this.style.background=' #ffffff'; this.style.color='#f0f0f0'" onMouseOut="this.style.background=' #ffffff'; this.style.color='#555555'" onClick="document.getElementById('main').innerHTML=document.getElementById('affies').innerHTML">Credits</span> <span class="navi" style=" color: #555555;" onMouseOver="this.style.background=' #ffffff'; this.style.color='#f0f0f0'" onMouseOut="this.style.background=' #ffffff'; this.style.color='#555555'" onClick="document.getElementById('main').innerHTML=document.getElementById('miscs').innerHTML">Archives</span> </div></center> <center> <div id="main" style="width: 500px; padding: 10px; background: #ffffff; color: #888888; text-align: justify;"> <div class="h1">Profile</div> <div class="h4">You're cute, I'm cute too.</div><br> <img align="left" src="http://i19.photobucket.com/albums/b163/asian-fanatic/aviegirlstudyin.png"> <font size="5" family="arial" color="#B4D6CF" style="letter-spacing: -1px;">Desdamona</font><br> Everything is colourless and bland<br> But it changes when I hold your hand<br> And when you smile at me<br> I know that we are meant to be...<br> <p> </div> <div id="profile" style="display:none; padding: 10px; width: 500px; background: #888888; color: #888888; text-align: justify;"> <div class="h1">Profile</div> <div class="h4">You're cute, I'm cute too.</div><br> <img align="left" src="http://i19.photobucket.com/albums/b163/asian-fanatic/aviegirlstudyin.png"> <font size="5" family="arial" color="#B4D6CF" style="letter-spacing: -1px;">Desdamona</font><br> Everything is colourless and bland<br> But it changes when I hold your hand<br> And when you smile at me<br> I know that we are meant to be...<br> <p> </div> <div id="affies" style="display:none; padding: 10px; width: 500px; background: #888888; color: #888888; text-align: justify;"> <div class="h1">Credits</div> <div class="h4">If the accident will.</div><br> <img align="left" src="http://i19.photobucket.com/albums/b163/asian-fanatic/boygirlgreenorangeluv.png"> <font size="5" family="arial" color="B4D6CF" style="letter-spacing: -1px;">Thanks to</font><br> Layout: <a href="http://the-pure-in-heart-memories.blogspot.com/" target="_blank">The Pure In Heart Memories Blog</a><br> <p> <br><br> </div> <div id="tag" style="display:none; padding: 10px; width: 500px; background: #888888; color: #888888; text-align: justify;"> <div class="h1">Chit-chat</div> <div class="h4">Here we are, trapped in the amber of the moment.</div><br> <img align="left" src="http://i19.photobucket.com/albums/b163/asian-fanatic/bluerainbowchalkheart.jpg"> <font size="5" family="arial" color="B4D6CF" style="letter-spacing: -1px;">Last words?</font><br> Would you like to leave a <u>message</u>? Remember to <b>not</B> spam in my Cbox. C: Otherwise I'll have to <s>ban</S> you.<br> If your comment does not appear, just refresh the page.<br> <br><br> </div> <div id="miscs" style="display:none; padding: 10px; width: 500px; background: #888888; color: #888888; text-align: justify;" <div class="h1">Archives</div> <div class="h4">What is this quintessence of dust?</div><br> <img align="left" src="http://i19.photobucket.com/albums/b163/asian-fanatic/cutegingerbreadman2.jpg"><BR> <img src="http://i19.photobucket.com/albums/b163/asian-fanatic/blogiconlightbulb.gif"><b>Monthly Archive</b><br> <BloggerArchives> <a class="month" href='<$BlogArchiveURL$>'><$BlogArchiveName$></a> </BloggerArchives><br> <img src="http://i19.photobucket.com/albums/b163/asian-fanatic/blogiconlightbulb.gif"><b>Recent entries</b<br> <BloggerPreviousItems> <a class="day" href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a> </BloggerPreviousItems><br> </div> </div> </center> <br> <center> <div style="width: 500px; background: #ffffff; color: #888888; padding: 10px; text-align: justify;"> <Blogger> <div class="h3"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div> <div class="h2"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader>| <BlogItemCommentsEnabled> <a href="<$BlogItemCommentCreate$>" <$BlogItemCommentFormOnClick$>>comment</a> | <$BlogItemCommentCount$> comment(s) </BlogItemCommentsEnabled></i> </div><BR> <br> <$BlogItemBody$><br> <center><div align="right">Sincerely, Desda.<br> <img src="http://i19.photobucket.com/albums/b163/asian-fanatic/blogiconbunny.gif"><a href="#TOP">back to top</a>| <a href="javascript:location.reload(true)">Refresh</a></div><br></center> </Blogger> <br> </div> </center> <br><br> </body> </html>
Sorry the page stretches like crazy x_X idk how to fix that

Last edited by Desda : 08-11-2010 at 12:57 AM.
Old 08-11-2010 at 12:57 AM   #2
blackdragon
Elite Member
Join Date: Aug 2008
Posts: 2,412

Thanked: 152 Times
Liked: 339 Times




Looks exactly the same to me in Chrome.
__________________
Electrical Engineering Alumni
Old 08-11-2010 at 01:24 AM   #3
Afzal
Android Dev
Join Date: Jun 2009
Posts: 1,604

Thanked: 115 Times
Liked: 416 Times




find this line:

Code:
<div id="miscs" style="display:none; padding: 10px; width: 500px; background: #888888; color: #888888; text-align: justify;"
and put a ">" at the end

hopefully that should solve it
__________________
Afzal Najam - Honours Computer Science grad

Desda says thanks to Afzal for this post.
Old 08-11-2010 at 01:30 AM   #4
Desda
Elite Member
Join Date: Jun 2010
Posts: 1,347

Thanked: 133 Times
Liked: 335 Times




Omgg thanks so much DX Such a nooby mistake T.T
Old 08-11-2010 at 01:40 AM   #5
Afzal
Android Dev
Join Date: Jun 2009
Posts: 1,604

Thanked: 115 Times
Liked: 416 Times




lol no problem
__________________
Afzal Najam - Honours Computer Science grad



Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



McMaster University News and Information, Student-run Community, with topics ranging from Student Life, Advice, News, Events, and General Help.
Notice: The views and opinions expressed in this page are strictly those of the student(s) who authored the content. The contents of this page have not been reviewed or approved by McMaster University or the MSU (McMaster Students Union). Being a student-run community, all articles and discussion posts on MacInsiders are unofficial and it is therefore always recommended that you visit the official McMaster website for the most accurate up-to-date information.

Copyright © MacInsiders.com All Rights Reserved. No content can be re-used or re-published without permission. MacInsiders is a service of Fullerton Media Inc. | Created by Chad
Originally Powered by vBulletin®, Copyright © 2019 MH Sub I, LLC dba vBulletin. All rights reserved. | Privacy | Terms