|
HTML - Help! Blog Won't Validate For Import To Facebook
My Blog's URL: http://moviesamour.blogspot.com/
I just created this blog. I'm not sure if the feed isn't working due to the fact that I used a downloaded skin and the coding is off, or what, but it isn't validating when I try to link it to Facebook notes (or when I put it into feed validator, for that matter). I really don't know much about coding, so all help is appreciated! Here's the HTML: <!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> <title>movies|amour . . . love what you watch.</title> </head> <style type="text/css"> body {text-align:center; background-image:url(http://i725.photobucket.com/albums/w...y/stripe.png); background-color:#fff; font-size:11px; color:#999; font-family:tahoma; margin:0px;} #navbar-iframe {height:0px; visibility:hidden; display:none;} #top {margin:0 auto 0 auto; padding:0px; width:100%; overflow:hidden;} #navigation {margin-left:auto; margin-right:auto; margin-top:50px; width:720px; overflow:hidden;} .nav {width:80px; float:right; height:auto; margin-left:10px; margin-bottom:-2px; padding-top:10px; padding-bottom:10px; background-color:#fff; display:inline-block; color:#aaa; font-family:arial; font-size:11px; letter-spacing:1px; text-transform:uppercase; text-align:center; cursor:pointer; border:1px solid #eaeaea;} .nav:hover {background-color:#fcfcfc; color:#ffb9ca;} #main {margin-left:auto; margin-right:auto; margin-bottom:50px; padding-bottom:20px; width:718px; height:auto; overflow:hidden; border:1px solid #eaeaea; background-color:#f5f5f5; background-image:url(http://i32.tinypic.com/mky6c5.jpg);} #text {margin-top:20px; margin-bottom:0px; margin-left:auto; margin-right:auto; width:674px; height:auto; overflow:hidden; background-color:#fff1f3; border:1px solid #e5e5e5;} #holder {float:right; width:508px; height:auto; text-align:justify; border-left:1px solid #eaeaea;} .displaypic {float:left; width:auto; height:auto; overflow:hidden; padding:20px;} .big {color:#f9b3bd; text-align:left; font-family:georgia; font-size:28px; letter-spacing:-1px; font-style:italic; margin-bottom:10px; margin-top:3px;} .big:first-letter {color:#e19aa5;} .small {color:#dccacf; text-align:right; font-family:georgia; font-size:17px; font-style:italic; border-bottom:3px solid #f5f5f5; padding-bottom:2px;} .small:first-letter {color:#cbbdc1;} a:link {color:#ddd; text-decoration:none; font-weight:bold;} a:visited {color:#ddd; text-decoration:none; font-weight:bold;} a:hover {color:#ffc2d5; text-decoration:none; font-weight:bold;} blockquote {padding:10px; border:2px solid #f6f2f1; background-color:#faf7f6;} li, ul, ol {list-style-position:inside; margin:0px; padding:0px;} .btext {padding-left:15px; padding-right:15px; padding-bottom:15px; padding-top:10px; min-height:139px; background-color:#FFF;} .btext img {background-color:#fafafa; padding:10px; border-bottom:1px solid #e0e0e0; border-right:1px solid #eee;} .displaypic img {background-color:#fff; padding:10px; border:2px solid #ffe3ea;} b {color:#e19aa5;} </style> <body> <div id="top"> <div id="navigation"> <span class="nav" onClick="document.getElementById('main').innerHTML=document.getElementById('archives').innerHTML">Ar chives</span> <span class="nav" onClick="document.getElementById('main').innerHTML=document.getElementById('profile').innerHTML">Abo ut</span> <span class="nav" onClick="document.getElementById('main').innerHTML=document.getElementById('blog').innerHTML">Blog</span> </div> </div> <div id="profile" style="visibility: hidden; width: 0px; height: 0px; position: absolute; left:0px; top:0px; overflow:auto;"> <div id="text"> <div id="pic"> <div class="displaypic"> <img src="http://img808.imageshack.us/img808/6761/cato.png"> </div> </div> <div id="holder"> <div class="btext"> <div class="small">About Me</div> <div class="big">Who's That Girl?</div> As a recent college graduate, my studies in Art History and Communications & Media combined with a background in musical theater performance have left me constantly thirsting for the arts. Since I have a bit of time on my hands, I've decided to combine my interest in movies, television and the arts with my love of writing to create <b>movies|amour</b>, a lighthearted blog chronicling my musings on the entertainment I consume on a daily basis. What better way to appease my appetite? </div> </div> </div> <div id="archives" style="visibility: hidden; width: 5px; height: 5px; position: absolute; left:0px; top:0px; overflow:auto;"> <div id="text"> <div id="pic"> <div class="displaypic"> <img src="http://i725.photobucket.com/albums/ww256/Yours-Tragically/Picture18.png"> </div> </div> <div id="holder"> <div class="btext"> <div class="small">Archives</div> <div class="big">Reruns</div> <BloggerArchives> <a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a><br> </BloggerArchives> </div> </div> </div> </div> <div id="blog" style="visibility: hidden; width: 5px; height: 5px; position: absolute; left:0px; top:0px; overflow:auto;"> <Blogger> <div id="text"> <div class="displaypic"> <script type="text/javascript"> var image=new Array() image[0]='<img src="http://i725.photobucket.com/albums/ww256/Yours-Tragically/Picture109.png">' image[1]='<img src="http://i725.photobucket.com/albums/ww256/Yours-Tragically/AD-15.png">' image[2]='<img src="http://i725.photobucket.com/albums/ww256/Yours-Tragically/228.png">' image[3]='<img src="http://i725.photobucket.com/albums/ww256/Yours-Tragically/Sellj363.png">' image[4]='<img src="http://i725.photobucket.com/albums/ww256/Yours-Tragically/Sellj713.png">' image[5]='<img src="http://i725.photobucket.com/albums/ww256/Yours-Tragically/Sellj630.png">' var random=Math.floor(Math.random()*(image.length)) document.write(image[random]) </script> </div> <div id="holder"> <div class="btext"> <div class="small"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> <span style="color:#c4c4c4; font-size:12px;"><$BlogItemDateTime$></span></div> <div class="big"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div> <$BlogItemBody$> <br> <BlogItemCommentsEnabled> <a href="<$BlogItemCommentCreate$>" <$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> comments</a> </BlogItemCommentsEnabled> </div> </div> </div> </Blogger> </div> </div> <div id="main"> <div id="text"> <div class="btext" style="border:0px;"> <div class="big" style="text-align:center"><span style="color:#ccc;"><p id="example1"><b>movies</b>|amour</span></p> <center><img src="http://i725.photobucket.com/albums/ww256/Yours-Tragically/Sellj713.png"> <img src="http://i725.photobucket.com/albums/ww256/Yours-Tragically/Picture109.png"> <img src="http://i725.photobucket.com/albums/ww256/Yours-Tragically/220.png"> <img src="http://i725.photobucket.com/albums/ww256/Yours-Tragically/Sellj363.png"></center> <p id="example2"><font size="4">love what you watch.</p></font></div> </div> </div> </img> </body> </html> Similar TutorialsHi I am new to this site, I am having problem in my non blog site. I was trying to integrate wordpress blog in my non blog site. I am nearly done only few issues. Here is the site http://www.zipanatomy.com/blog/ 1. the post titles are coming some other way, without linking and some coding. 2. down to the footer, I have called a footer.php file which is from the non blog site and is in the root directory, the problem here is, they are linking to the wordpress log folder. 3. And one more issue is when I click the categories and do any search from the sidebar, that are opening on the extreme right of the page instead of in center. please, advices from the pros where I am getting wrong. thanks in advance, chander Hi I've built a website for my karaoke show, and would like to add a blog page to the site. Rather than 3rd party, I'd prefer to have my own blog on my own domain to increase traffic for the SE crawlers. I was wondering... - what some good options are ie what blog software to use - if I can have a blog that somehow incorporates Facebook and Twitter (i've seen Facebook connect, but I'd like something that posts my blog messages to my Facebook and Twitter pages) I currently have a Typepad blog on there, but as I said, I'd prefer to have my own blog code, not third party. The site is www.billygoatkaraoke.com.au , and I'd really like the blog to stay on the site - I'm thinking that I'll have a blog page open up over the goat when someone clicks on the BLOG link. Cheers Shaun Is this possible using HTML? I am posting my stock portfolio online, and I want to have current prices of stocks. For example, I own McDonalds stock and I want to report the price of the stock from http://finance.yahoo.com/q?s=mcd&ql=1 . Is this possible? Thanks in advanced! Hello everyone, I was thinking if there is a way to import text into my web page using html. I simply need text from several text files to appear in my div container. And what I don't want is to copy/paste whole text in html. I just want the text to be in separate files, not html. I heard I can do that with php, maybe there is a way to do that using html only? Hey All I'm having some trouble with the most basic of things. I currently own some web space which supports upto 6 domain names. I'm already using one, we'll call it FIRST.com which works fine. During this week i purchased a new domain name lets say called SECOND.com. Using CPanel I was able to create an addon domain which automatically sets the root directory of the new domain to a folder called SECOND.com The problem I am having is that although if I type into my browser SECOND.com (and having set my .htaccess file) I get my index.html page with text, no images or CSS styles have been applied. Links to other pages work however, even if they are in sub directories. For some reason I just cannot link images or CSS files, yet if I type their path into the browser they are displayed, does anyone know what I'm doing wrong? Thanks in advance Rev http://www.yp-forums.com/yankeepridesite/index.php http://validator.w3.org/check?uri=ht...eepridesite%2F 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>
<title>[Y]ankee[P]ride</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="css.css" rel="stylesheet" type="text/css" />
</head>
<body bgcolor="#CCCCCC" link="#000000" alink="#000000" vlink="#000000">
<map id="yankeepride_24" name="yankeepride_24">
<area shape="rect" alt="Tos" coords="717,11,743,20" href="tos.php" target="content" title="Tos" />
<area shape="rect" alt="Privacy Policy" coords="763,12,854,20" href="privacy.php" target="content" title="Privacy Policy" />
<area shape="rect" alt="Top" coords="3,10,45,19" href="#top" title="Top" />
<area shape="default" nohref="nohref" alt="" />
</map>
<table id="body" align="center" width="900" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="900" height="10" colspan="9">
<img id="yankeepride_01" src="images/yankeepride_01.gif" width="900" height="10" alt="This image cannot be displayed do to errors" /></td>
</tr>
<tr>
<td width="22" height="648" rowspan="14">
<img id="yankeepride_02" src="images/yankeepride_02.gif" width="22" height="648" alt="This image cannot be displayed do to errors" /></td>
<td width="858" height="30" colspan="7">
<img id="yankeepride_03" src="images/yankeepride_03.gif" width="858" height="30" alt="This image cannot be displayed do to errors" /></td>
<td width="20" height="648" rowspan="14">
<img id="yankeepride_04" src="images/yankeepride_04.gif" width="20" height="648" alt="This image cannot be displayed do to errors" /></td>
</tr>
<tr>
<td width="858" height="162" colspan="7">
<img id="yankeepride_05" src="images/yankeepride_05.gif" width="858" height="162" alt="This image cannot be displayed do to errors" /></td>
</tr>
<tr>
<td width="858" height="8" colspan="7">
<img id="yankeepride_06" src="images/yankeepride_06.gif" width="858" height="8" alt="This image cannot be displayed do to errors" /></td>
</tr>
<tr>
<td width="169" height="31" colspan="3">
<img id="yankeepride_07" src="images/yankeepride_07.gif" width="169" height="31" alt="This image cannot be displayed do to errors" /></td>
<td width="8" height="31">
<img id="yankeepride_08" src="images/yankeepride_08.gif" width="8" height="31" alt="This image cannot be displayed do to errors" /></td>
<td width="681" height="31" colspan="3">
<img id="yankeepride_09" src="images/yankeepride_09.gif" width="681" height="31" alt="This image cannot be displayed do to errors" /></td>
</tr>
<tr>
<td width="1" height="96" rowspan="2">
<img id="yankeepride_10" src="images/yankeepride_10.gif" width="1" height="96" alt="This image cannot be displayed do to errors" /></td>
<td width="167" height="95" bgcolor="#FFFFFF" valign="top" style="font-family:Arial, Helvetica, sans-serif; font-size:x-small;">
<a href="content.php" target="content">>> Home</a><br /><a href="http://www.yp-forums.com/index.php?">>> Message Boards</a><br /><a href="rss.php" target="content">>> RSS News Feeds</a><br /><a href="affiliates.php" target="content">>> Affiliates</a><br /><a href="tos.php" target="content">>> Terms of Service</a><br /><a href="privacy.php" target="content">>> Privacy Report</a><br /><a href="contact.php" target="content">>> Contact Us</a></td>
<td width="10" height="356" colspan="3" rowspan="7">
<img id="yankeepride_12" src="images/yankeepride_12.gif" width="10" height="356" alt="This image cannot be displayed do to errors" /></td>
<td width="679" bgcolor="#FFFFFF" height="355" rowspan="6">
<iframe name="content" width="679" height="355" frameborder="0" src="content.php"></iframe></td>
<td width="1" height="356" rowspan="7">
<img id="yankeepride_14" src="images/yankeepride_14.gif" width="1" height="356" alt="This image cannot be displayed do to errors" /></td>
</tr>
<tr>
<td width="167" height="1">
<img id="yankeepride_15" src="images/yankeepride_15.gif" width="167" height="1" alt="This image cannot be displayed do to errors" /></td>
</tr>
<tr>
<td width="168" height="30" colspan="2">
<img id="yankeepride_16" src="images/yankeepride_16.gif" width="168" height="30" alt="This image cannot be displayed do to errors" /></td>
</tr>
<tr>
<td width="1" height="230" rowspan="4">
<img id="yankeepride_17" src="images/yankeepride_17.gif" width="1" height="230" alt="This image cannot be displayed do to errors" /></td>
<td width="167" height="106" bgcolor="#FFFFFF" valign="top"><script type="text/javascript">
<!--
function buddy_pop()
{
window.open('http://www.yp-forums.com/?act=buddy','MyAssistant','width=200,height=450,resizable=yes,scrollbars=yes');
}
//-->
</script>
<div valign="top" align="center">
<font face="Arial" size="1"> <center><b>Your Forum Information</b></center>
Welcome <a href="http://www.yp-forums.com/index.php?showuser=111">Lrusso</a> <br> <a href="http://www.yp-forums.com/">Go to the Boards</a><br>
<a href="http://www.yp-forums.com/index.php?act=Msg&CODE=01">0 New Message(s)</a> <br> <a href="http://www.yp-forums.com/index.php?act=UserCP&CODE=00">My Controls</a><br> <a href="javascript:buddy_pop();">My Assistant</a>
</font>
</div> </td>
</tr>
<tr>
<td width="167" height="31">
<img id="yankeepride_19" src="images/yankeepride_19.gif" width="167" height="31" alt="This image cannot be displayed do to errors" /></td>
</tr>
<tr>
<td width="167" height="92" bgcolor="#FFFFFF"><iframe name="quote" width="167" height="92" frameborder="0" src="quote.html"></iframe>
</td>
</tr>
<tr>
<td width="167" height="1">
<img id="yankeepride_21" src="images/yankeepride_21.gif" width="167" height="1" alt="This image cannot be displayed do to errors" /></td>
<td width="679" height="1">
<img id="yankeepride_22" src="images/yankeepride_22.gif" width="679" height="1" alt="This image cannot be displayed do to errors" /></td>
</tr>
<tr>
<td width="858" height="11" colspan="7">
<img id="yankeepride_23" src="images/yankeepride_23.gif" width="858" height="11" alt="This image cannot be displayed do to errors" /></td>
</tr>
<tr>
<td width="858" height="30" colspan="7">
<img src="images/yankeepride_24.gif" usemap="#yankeepride_24" width="858" height="30" alt="This image cannot be displayed do to errors" border="0" /></td>
</tr>
<tr>
<td width="858" height="20" colspan="7">
<img id="yankeepride_25" src="images/yankeepride_25.gif" width="858" height="20" alt="This image cannot be displayed do to errors" /></td>
</tr>
<tr>
<td width="22" height="1">
<img src="images/spacer.gif" width="22" height="1" alt="This image cannot be displayed do to errors" /></td>
<td width="1" height="1">
<img src="images/spacer.gif" width="1" height="1" alt="This image cannot be displayed do to errors" /></td>
<td width="167" height="1">
<img src="images/spacer.gif" width="167" height="1" alt="This image cannot be displayed do to errors" /></td>
<td width="1" height="1">
<img src="images/spacer.gif" width="1" height="1" alt="This image cannot be displayed do to errors" /></td>
<td width="8" height="1">
<img src="images/spacer.gif" width="8" height="1" alt="This image cannot be displayed do to errors" /></td>
<td width="1" height="1">
<img src="images/spacer.gif" width="1" height="1" alt="This image cannot be displayed do to errors" /></td>
<td width="679" height="1">
<img src="images/spacer.gif" width="679" height="1" alt="This image cannot be displayed do to errors" /></td>
<td width="1" height="1">
<img src="images/spacer.gif" width="1" height="1" alt="This image cannot be displayed do to errors" /></td>
<td width="20" height="1">
<img src="images/spacer.gif" width="20" height="1" alt="This image cannot be displayed do to errors" /></td>
</tr>
</table>
<table id="tech" align="center" width="900" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<div id="vanity" align="center">
<a id="v_php" href="http://www.php.net/" target="_blank"></a>
<a id="v_mysql" href="http://www.mysql.com/" target="_blank"></a>
<a id="v_xhtml" href="http://validator.w3.org/check/referer" target="_blank"></a>
<a id="v_css" href="http://jigsaw.w3.org/css-validator/check/referer" target="_blank"></a>
</div>
</td>
</tr>
</table>
</body>
</html>
How can I get that to validate? I am trying to validate my site but I'm stuck on one error. The error is on my index page and every other page. The error read "Line 17 column 7:end tag for element "STYLE" which is not open'. If someone cane guide me to a solution or guide me to a good site that really explain my error(s). It would be a relief. I used W3C HTML validator MyCountryGear.com <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <head> <title>Home Page</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" > <meta name="description" content="Eritrean t-shirst hats and much much more.." > <meta name="keywords" content="Hats, T-shirts, Tank tops, eritrea, eritrean, eritrea news, asmara, asmera, eritrea history, eritrean history, eritrea news, eritrean hats, eritrean t-shirts, eritrean tank tops, eritrean community, eritrean girls, eritrean women, asmarino, asmarino.com, mycountrygear.com, my country gear, habesha, eritrea in DC, ertitreans in DC, eritrean soccer tournament, eritrean festival " > <meta name="author" content=" MyCountryGear.com" > <link rel="stylesheet" type="text/css" href="css/styles2column.css" media="screen"> </style> </head> <body> <div id="mainwrap"> <div id="header"> <h1 >MyCountryGear.com</h1> </div> <div id="contentarea" class="clearfix"> <div id="contentarea2" class="clearfix"> <div id="left"> <ul id="navigation"> <li> <a href="http://www.mycountrygear.com">Home Page</a> </li> <li><a href="html/hats.html">Hats</a></li> <li><a href="html/T_shirts.html">Shirts</a></li> <li><a href="html/Tank_Tops.html">Tank Tops</a></li> <li><a href="html/Arts.html"> Game Room </a></li> <li><a href="html/Contact.html"> Contact Us</a></li> </ul> </div> <!-- <div id="right"> </div> --> <div id="centerdiv" style="background-color:#ffffff;"> <h4 align=center>Welcome To MyCountryGear.com</h4> <hr align="center" width="50%"> <br> <br> <p> If you have been searching for Eritrean hats, T-shirts, and art work you have come to the right place! We have many shirts with the Eitrean Colors and flags. All of our prouducts are of the highest quality. Our T-shirts are made with 100% cotton Hanes' ®. The shirts are made to be durable and long lasting. Our Hats are baseball styled caps that will last you for a long time to come. </p><br> <br> <br> <h4 align=center> Where is Eritrea?</h4> <hr align="center" width="50%"> <br> <br> <p> Well Eritrea is a small country of northeast Africa bordering the Red Sea. The two main religions are..</p><br> <br> <ul> <li> Christianity</li> <li> Islam</li> </ul> <br> <br> <p>There are also 3 Languages..<br> <ul> <li>Tigrina (the main language)</li> <li>Arabic</li> <li>Amharic (Amharic is native to Ethiopia) </li> </ul> </p> <br> <br> <br> <h4 align="center"> Other Sites About Eritrea</h4> <hr align="center" width="50%"> <ul> <li><a href="http://www.asmarino.com">Online community for Eritreans </a></li> <li><a href="http://www.dehai.org">Current events and News</a></li> <li><a href="http://www.eritreadaily.net">Eritrea News </a></li> <br> <br> <br><br><br><br><br><br><br><br><br><br> <br> <br> <br> <br> <br> <br> <br> <br> <br> </div> </div> <DIV id="footer"> <P align="center"> Email Us Anytime Right Here <A href="mailto:Mike@MyCountryGear.com">Mike@MyCountryGear.com</A></P> <BR /> <P align="center">Thanks for visiting, next time bring some family and friends<BR /> </P> <br/> <ul > <li> <a href="site_map.html">Site Map</a> </li> </ul> </DIV> </DIV> <!--end mainwrap--></DIV> </BODY> </HTML> Thanks HighRoller Been working on errors today...this line has like 16 errors within..every time I change one thing I get more errors than I started with! Someone have the time to take a look? Many thanks for all the help, Doug <tr align=center> <th>Base Reflectivity<br><a href="/wx16.html"><img src="/resize-radar-image.php"></img></a></th> <th>Echo Tops<br><a href="/wx17.html"><img src="/resize-et-image.php"></img></a></th> </tr> Web site:http://www.ardmoreweatherlive.com/wx3.php So I'm new here, looks like a great resource. I've been doing HTML since 1996 or so. I'm no expert and have not kept up with everything to say the least. I just designed a new website. Basically only has a index.html file. I've realized I need to make this site by the book so everything is kosher. Tried validating it and the warnings, errors I got looked totally alien to me. I have a headache from trying to figure it out. Hell the file is only 83 lines long and it's beating me up! Can someone help me? PS. I'm using CoffeeCup's HTML Editor. Thanks, Dave www.PhotographersNature.com Dreamweaver created the following and it doesn't pass validation Code: <embed src="ozpower.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="687" height="335"></embed> Any suggestions? Thanks Ok so after reading the Myspace thread I jumped on the bandwagon and became totally obsessed with it - now that the Myspace obsession has died down, I've become hooked on Facebook!! I love it! I think it's so much better then Myspace and Hi5 and all those other 10 million sites that exist . . . At first I wasn't too keen but my friend made my profile for me . . . I was told "it's at a 'university' level and doesn't have any bogans or teeny boppers" I guess what she meant was that it's a bit more "mature" then the other sites . . . Ok it's hard to explain! But i'm totally hooked on it now and it's really not helping with all this uni work that I have to get done!! Does anyone else use Facebook?? ==================================== welcome to my website, www.ant-shopping.com . hi guys again. ive tried everything to validate this box but i cant for the life of me work out how?! i just want it to pop up an alert if the user hasnt entered their name in my_form.visitor_name. i think its somethin to do with the way ive used it in my javascript but here it is, and here's the full site if it helps, thanks www.samsharples.com Code:
window.onload = init;
function init() {
var el = document.getElementById("welcome_message");
var username=getCookie('username');
document.getElementById("my_form").onsubmit = parse_form;
el.innerHTML = "<p class=\"welcome\">Welcome to the football quiz " + username + "</p>";
}
function parse_form() {
var visitor_name = document.getElementById("visitor_name").value;
var el = document.getElementById("welcome_message");
if (visitor_name || (username!=null && username!="")) {
el.innerHTML = "<p class=\"welcome\">Welcome to the football quiz " + visitor_name + "</p>";
setCookie('username',visitor_name,365);
}
return false;
}
function getCookie(c_name) {
if (document.cookie.length>0) {
c_start=document.cookie.indexOf(c_name + "=");
if (c_start!=-1) {
c_start=c_start + c_name.length+1;
c_end=document.cookie.indexOf(";",c_start);
if (c_end==-1) c_end=document.cookie.length;
return unescape(document.cookie.substring(c_start,c_end));
}
}
return "";
}
function setCookie(c_name,value,expiredays) {
var exdate=new Date();
exdate.setDate(exdate.getDate()+expiredays);
document.cookie=c_name+ "=" +escape(value)+
((expiredays==null) ? "" : ";expires="+exdate.toGMTString());
}
// -------------------end name----------------------
//
function quiz_message() {
document.getElementById("results").innerHTML = "Complete the quiz and your scores will appear here!....";
}
//
var ans = new Array;
var done = new Array;
var yourAns = new Array;
var explainAnswer = new Array;
var score = 0;
ans[1] = "b";
ans[2] = "b";
ans[3] = "a";
ans[4] = "c";
ans[5] = "b";
explainAnswer[1]="Roar is Blackburn's mascot<br/><br/>";
explainAnswer[2]="John Coleman is Accrington's manager<br/><br/>";
explainAnswer[3]="The picture was infact David Beckham<br/><br/>";
explainAnswer[4]="The golden oldie Ryan Giggs was PFA Player of the year<br/><br/>";
explainAnswer[5]="The top scorer was Thiery Henry<br/>";
function Engine(question, answer) {
yourAns[question]=answer;
}
function Score(){
var answerText = "How did you do?<br/>\n------------------------------------------------------------------------\n<br/>";
for(i=1;i<=5;i++){
answerText=answerText+"\nQuestion :"+i+"\n";
if(ans[i]!=yourAns[i]){
answerText=answerText+"\n<img src=\"images/wrong.jpg\" />The correct answer was " +ans[i] + "\n"+explainAnswer[i]+"\n";
}
else{
answerText=answerText+" \n<img src=\"images/right.jpg\" />Correct!<br/> \n";
score++;
}
}
answerText=answerText+"\nYour total score is : <a class=\"score\">"+score+"</a>\n";
var username=getCookie('username');
//now score the user
if(score<=0){
answerText=answerText+"You need to learn some more " +username+ ".";
}
if(score>=1 && score <=1){
answerText=answerText+"My grandma could do better than that " +username+ "!";
}
if(score>=2 && score <=2){
answerText=answerText+"Bit more practice needed " +username+ ".";
}
if(score>=3 && score <=3){
answerText=answerText+"Neither bad or birlliant. Good effort " +username+ ".";
}
if(score>=4 && score <=4){
answerText=answerText+"4/5 aint bad " +username+ "!";
}
if(score>4){
answerText=answerText+"You are a footballing expert " +username+ "!!";
}
document.getElementById("results").innerHTML = answerText;
}
function Score_female(){
var answerText = "<h5>How did you do?<br/>\n------------------------------------------------------------------------\n<br/>";
for(i=1;i<=5;i++){
answerText=answerText+"\nQuestion :"+i+"\n";
if(ans[i]!=yourAns[i]){
answerText=answerText+"\n<img src=\"images/wrong.jpg\" />The correct answer was " +ans[i] + "\n"+explainAnswer[i]+"\n";
}
else{
answerText=answerText+" \n<img src=\"images/right.jpg\" />Correct!<br/> \n";
score++;
}
}
answerText=answerText+"\nYour total score is : <a class=\"score\">"+score+"</a>\n";
var username=getCookie('username');
//now score the user
if(score<=0){
answerText=answerText+"You need to learn some more " +username+ ".</h5>";
}
if(score>=1 && score <=1){
answerText=answerText+"My grandma could do better than that " +username+ "!</h5>";
}
if(score>=2 && score <=2){
answerText=answerText+"Bit more practice needed " +username+ ".";
}
if(score>=3 && score <=3){
answerText=answerText+"Neither bad or birlliant. Good effort " +username+ ".</h5>";
}
if(score>=4 && score <=4){
answerText=answerText+"4/5 aint bad " +username+ "!</h5>";
}
if(score>4){
answerText=answerText+"You are a footballing expert " +username+ "!!</h5>";
}
document.getElementById("results").innerHTML = answerText;
}
function changeDivImageFemale()
{
var imgPath = new String();
imgPath = document.getElementById("quiz_box").style.backgroundImage;
if(imgPath == "url(images/boy.jpg)" || imgPath == "")
{
document.getElementById("quiz_box").style.backgroundImage = "url(images/girl.jpg)";
}
}
function changeDivImageMale()
{
var imgPath = new String();
imgPath = document.getElementById("quiz_box").style.backgroundImage;
if(imgPath == "url(images/girl.jpg)" || imgPath == "")
{
document.getElementById("quiz_box").style.backgroundImage = "url(images/boy.jpg)";
}
}
function changeDivImage(url) {
document.getElementById("third_col").style.backgroundImage = "url('images/" + url + "')";
}
//radio button links
function go(loc) {
window.location.href = loc;
}
/////
function quiz_alert() {
alert ("Thank you. You're questions will be change accordingly.");
}
HTML Code:
<SCRIPT LANGUAGE="JavaScript" type="text/javascript" src="javascript/javascript.js"></script>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div id="full_page_wrap">
<div id="main_wrap">
<div id="header">
</div>
<div id="first_col">
<ul id="menu">
<li><a href="index.htm">Home</a></li>
<li><a href="quiz.htm">Take the quiz</a></li>
<li><a href="links.htm">Links</a></li>
</ul>
</div>
<div id="second_col">
<h1><div id="welcome_message"></div></h1>
<hr/>
<form id="my_form" action="#" name="my_form" ">
<p>Please enter your name:</p>
<input type="text" name="visitor_name" id="visitor_name" />
<input type="submit" value="Submit" onsubmit="return" />
</form>
<p>Your favourite football team:
<form action="">
<select onchange="changeDivImage(this.value)">
<option>Choose your favourite team</option>
<option value="arsenal.png">Arsenal</option>
<option value="aston_villa.png">Aston Villa</option>
<option value="birmingham_city.png">Birmingham City</option>
<option value="blackburn_rovers.png">Blackburn Rovers</option>
<option value="bolton_wanderers.png">Bolton Wanderers</option>
<option value="burnley.png">Burnley</option>
<option value="chelsea.png">Chelsea</option>
<option value="everton.png">Everton</option>
<option value="fulham.png">Fulham</option>
<option value="hull.png">Hull City</option>
<option value="liverpool.png">Liverpool</option>
<option value="manchester_city.png">Manchester City</option>
<option value="manchester_united.png">Manchester United</option>
<option value="portsmouth.png">Portsmouth</option>
<option value="stoke_city.png">Stoke City</option>
<option value="sunderland.png">Sunderland</option>
<option value="tottenham_hotspur.png">Tottenham Hotspur</option>
<option value="west_ham.png">West Ham</option>
<option value="wigan_athletic.png">Wigan Athletic</option>
<option value="wolverhampton_wanderers.png">Wolverhampton Wanderers</option>
</select>
</form>
<p>Please chhose your gender: </p>
<input type="radio" name="gender" value="Male"/> Male
<input type="radio" name="gender" value="Female" onClick="go('female.htm'); quiz_alert()"> Female
<center>
</div>
<div id="third_col">
<div id="results"></div>
</div>
</div>
</div>
</body>
</html>
Hello Please help with explaining this problem: and possibly how to solve it thanks. No Character Encoding Found! Falling back to UTF-8. I was not able to extract a character encoding labeling from any of the valid sources for such information. Without encoding information it is impossible to reliably validate the document. I'm falling back to the "UTF-8" encoding and will attempt to perform the validation, but this is likely to fail for all non-trivial documents. Read the FAQ entry on character encoding for more details and pointers on how to fix this problem with your document. Sorry! This document can not be checked. Sorry, I am unable to validate this document because on line 306 it contained one or more bytes that I cannot interpret as utf-8 (in other words, the bytes found are not valid values in the specified Character Encoding). Please check both the content of the file and the character encoding indication. Hi. Can anybody tell me why this isnt validating? Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv = "content-type" content = "text/html; charset = UTF-8" /> <title>.:Welcome to Wollongong Motorcycle Club:.</title> <style type = "text/css" media = "all"> @import"css/global.css"; </style> </head> <body> <div class = "content"> <div class = "banner"> </div> <div class = "body"> <div class = "navBarStandard"> <a href = "index.html">Home</a> <span style = "vertical-align:-8px;">|</span> <b>Calendar</b> <span style = "vertical-align:-8px;">|</span> <a href = "news.html">News</a> <span style = "vertical-align:-8px;">|</span> <a href = "forms.html">Forms</a> <span style = "vertical-align:-8px;">|</span> <a href = "photos.html">Photos</a> <span style = "vertical-align:-8px;">|</span> <a href = "directions.html">Directions</a> <span style = "vertical-align:-8px;">|</span> <a href = "#">For Sale</a> <span style = "vertical-align:-8px;">|</span> <a href = "links.html">Links</a> <span style = "vertical-align:-8px;">|</span> <a href = "#">Coaching</a> <span style = "vertical-align:-8px;">|</span> <a href = "#">Pointscore</a> <span style = "vertical-align:-8px;">|</span> <a href = "#">Interclub</a> </div> <!-- All Content goes after this line --> <br /> <div class = "calendarContent"> <div class = "datesTopCorner"></div> <!-- All Calendar entries are put after this line --> <div class = "entry1">Sun 15/04/07 - Round 2 ClubChamps Mt Kembla - <b>TRACK CLOSED</b></div> <div class = "entry2">Sun 22/04/07 - <i>MX Pointscore round 2</i></div> <div class = "entry1">Sun 29/04/07 - Coaching JT assessment - book on club No.</div> <div class = "entry2">Sun 06/05/07 - Practice day, round 3 ClubChamps Kiama</div> <div class = "entry1">Sun 13/05/07 - Mothers Day</div> <div class = "entry2">Sun 20/05/07 - <i>MX Pointscore round 3</i></div> <div class = "entry1">Sun 27/05/07 - Practice Day</div> <div class = "entry2">Sun 03/06/07 - Working bee</div> <div class = "entry1">Sun 10/06/07 - <i>MX Pointscore round 4</i></div> <div class = "entry2">Mon 11/06/07 - Long weekend / practice day</div> <div class = "entry1">Sun 17/06/07 - Track Hire Heaven Vintage - <b>TRACK CLOSED</b></div> <div class = "entry2">Sun 01/07/07 - Round 3 ClubChamps Mt Kembla - <b>TRACK CLOSED</b></div> <div class = "entry1">Sun 08/07/07 - <i>MX Pointscore round 5</i></div> <div class = "entry2">Sun 15/07/07 - Practice day</div> <div class = "entry1">Sun 29/07/07 - Practice day</div> <div class = "entry2">Sun 05/08/07 - <i>MX Pointscore round 6</i>, round 5 ClubChamps Kiama</div> <div class = "entry1">Sun 12/08/07 - Practice day</div> <div class = "entry2">Sun 26/08/07 - Practice day</div> <div class = "entry1">Sun 02/09/07 - Fathers Day</div> <div class = "entry2">Sun 09/09/07 - <i>MX Pointscore round 7</i></div> <div class = "entry1">Sun 16/09/07 - Trials Presentation Day Mt Kembla - <b>TRACK CLOSED</b></div> <div class = "entry2">Sun 23/09/07 - Practice day</div> <div class = "entry1">Mon 01/10/07 - Long weekend / practice day</div> <div class = "entry2">Sun 07/10/07 - <i>MX Pointscore round 8</i></div> <div class = "entry1">Sun 14/10/07 - Aust GP Philip Island</div> <div class = "entry2">Sun 21/10/07 - Practice day</div> <div class = "entry1">Sun 04/11/07 - Rain day for MX</div> <div class = "entry2">Sun 11/11/07 - Practice day</div> <div class = "entry1">Sun 18/11/07 - Xmas party / Presentation day</div> <div class = "entry2">Sun 02/12/07 - Practice day</div> <div class = "entry1">Sun 16/12/07 - Practice day</div> <!-- No more calendar entries can be put after this line --> <div class = "datesBottomCorner"></div> </div> <br /> </div> <div class = "bottomCorners"> <div class = "BottomCornerBox"> <span> <br /><br /> © Wollongong Motorcycle Club Ltd<br /> Ph: (02) 42 671 931<br /> P.O. Box 401, Figtree NSW 2525 </span> </div> </div> </body> </html> As you can see, im using XHTML 1.0 transitional, but aparrantly it isnt valid The following is the validation error I got from w3: ------------------------------------------------------------------------------------------- Error Line 107 column 6: end tag for "div" omitted, but OMITTAG NO was specified. </body>You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">". Info Line 14 column 0: start tag was here. <div class = "content"> ------------------------------------------------------------------------------------------- It sounds like i've done something really stupid and simple, like misplacing a div tag or something Thanks for reading this (and hopefully helping me). If you want me to post my CSS or attach a copy of my website, just say so Thanks again, Chris Hi All, I've finally successfully gotten a blog up on my organizations website but I am having a lot of trouble getting it to look like the other pages. I used a template for my main page and tweaked it a lot (www.cleaneducation.org). The main template is mostly html with a css file. I had never seen how blogs were done until now and see that there is no html index at all but only a php file associated with a css file... So my question is how to I get my html/css template to convert to the necessary type (assuming php/css) for the blog. The blog is an internal blog for the directors (myself included) to keep in touch with one another and to keep up to date so if it's really hard to get it to look like the main template it isn't a huge deal but if it's possible I personally would prefer it. Oh yeah, I am using wordpress for my blogging software (really easy install through the hosting company I use). heres a link to my blog http://leader-of-our-nation.tumblr.com/ heres my coding <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!-- Theme: The Minimalist v1. Design: The Minimalist (http://minimalist.co) --> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head><a href="http://leader-of-our-nation.tumblr.com/"><img src=< href="http://s1218.photobucket.com/albums/dd412/tappzstar/?action=view&current=loonbannerresize.jpg" target="_blank"><img src="http://i1218.photobucket.com/albums/dd412/tappzstar/loonbannerresize.jpg" border="0" alt="Photobucket"></a></a></a> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>{Title}{blockostSummary} | {PostSummary}{/blockostSummary}{block:SearchPage} | {lang:Search results for SearchQuery}{/block:SearchPage}</title> <meta name="description" content="{MetaDescription}" /> <meta name="if:Show description" content="1" /> <meta name="if:Show search" content="1" /> <meta name="text:Twitter name" content="" /> <meta name="text:Google Analytics ID" content="" /> <link rel="shortcut icon" href="{Favicon}" /> <link rel="alternate" type="application/rss+xml" title="{Title}" href="{RSS}" /> <!-- Styles --> <link rel="stylesheet" href="http://static.tumblr.com/f1whv92/Mp9l6ewcg/reset.css" /> <style type="text/css"> I use blogger and I have a search bar on my blog. It's on my navbar and I need to move it to the right so I can add more links but I don't know how to move it. Can I get some help please? To see for yourself my blog is: http://freebielink.blogspot.com/ I am Blogging Special Focus on Technology, Blogging,Internet, Top News Stories, Online Money Making, Search Engine Related.Thank You for Reading This. Please! Simply Share your views. Hi, I am new to website creation and have purchased a template. I have modified it ok and it is running at www.marriagephoto.co.uk however I can't get the facebook connect like button working. Can anyone out there help me. I have gone into FB and copied the code and popped it into dream weaver but it does nothing at all - please help thanks, anna - I have included the URL so you can see how the site is made...I think its Java? Hello everyone, my name is Andrew and I am new to this community I know basic stuf from html and I try to find my way in flash too. Right now I am building a website at the office 365 platform. It is a simple display site that I could handle but the owner asked me to do something that I have no idea how to do it :S He asked me to make the picture function like facebook zoom https://chrome.google.com/webstore/d...oddophfngopipi With this, when you have the mouse pointer on a picture the picture pops up and becomes bigger, and when the mouse go outside the picture, the pop up vanishes. I ve searched all i could and I couldn't find how to do it, I have reached the point that mouseover can open a new window (if the add block in not active) and then the user must manualy close it (this will result a minefield on the web page:S) Can anyone help me with this please, getting desperate :S Thanks in advance |
|||||||