|
HTML - Code Validation Doctype Nightmare
Similar TutorialsA friend asked me to help validate their code. Like a mug I said yes. How hard could it be? Then I found that FrontPage does not appear to use CSS (gulp) and is steam-powered or something. Aarghh! Well - I sure bit off more than I could chew this time. I figure I'll add a CSS external file, let's say main.css, and reference it in the header. There are dozens of errors of course, things that no sane person has seen before... Like for example a 'microsoftborder'. Hmm, no wonder FrontPage died! Anyway, my friend can't change now, the site is too big and complicated. We just need to get some important pages to validate - like the index page for example. The first job is a whole-page border she has: it's a 5px gold border, stepped in by 5px, all round the page. That all fails miserably in validation as it's got stuff like [bordercolordark="#c0c0c0"] etc. Yikes. So I want to strip that out and put something sensible in the CSS. Anyone tell me what the CSS code for a whole-page 5px border is, stepped in 5px all round, please? You'll be helping a poor FrontPage victim. RIP is all I can say. Hello, I have produced a form which can be seen at this url: http://www.magicalwonders.com/Freestufftest5.html but the code is failing to valididate and is producing two errors: Quote: Line 33, Column 29: "INPUT" is not a member of a group specified for any attribute. <select name="country" input type='text' size='1'> Line 33, Column 34: there is no attribute "TYPE". <select name="country" input type='text' size='1'> As I need to include "Input" and "Type" in order for the form to work I'm not sure how to produce a form that validates! Can anyone point me in the right direction? Many thanks, Myles Hello, I have coded my site, and I have a form on the page, and I'm not sure why I am getting the errors I am getting. If anyone can help me out I would be forever grateful! Here is my code: http://pastie.org/366071 And if you paste it into: http://validator.w3.org/#validate_by_input then you will see what errors I have encountered. Hi created the following 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=utf-8" />
<title>validation</title>
</head>
<body>
<ul>
<li><a href="#">item1</a></li>
<li><a href="#">item2</a></li>
<ul>
<li><a href="#">item2a</a></li>
<li><a href="#">item2b</a></li>
</ul>
</ul>
</body>
</html>
unfortunately it doesn't pass validation. Apparently, a "ul" elenent cannot be inserted into another "ul". So, how do i create a cascading menu? Thanks Hi, Why isn't the following code calling the validateForm function? I am new to this so I am lost. And please excuse the messyness of the code as it is a work in progress. N.B. I have obviously taken out a lot of code but I think this is all I need to show you for you to be able to help <script language="JavaScript" type="text/JavaScript"> function validateForm(pform) { checkFirstNames(pform.firstNamesField.value); checkLastName(pform.lastNamesField.value); checkCurrentEmp(pform.currentEmpField.value); checkEmailAddress(this.emailAddressField.value); checkJobTitle(pform.jobTitleField.value); checkDegrees(pform.degreeField.value); checkApplication(pform.applicationField.value); checkAddLanguage(pform.addLanguageField.value); checkWebPage(pform.webPageField.value); } </script> <title> Job Application </title> </head> <body background="images/Border1.png" bgcolor="#ffffff"> <table width="500" cellspacing="2" border="0" id=menuTable> <tr><td> <table width="320" cellspacing="2" cellpadding="2" align="left" border="0"> <tr><td colspan=2><h3>Menu</h3></td></tr> <tr><td><a href="default.html" >Homepage</a></td></tr> <tr><td><a href="Application_Submit.htm" onclick="alert('Apply for a Job button clicked. Reloading page')"/>Apply for a Job</a></td></tr> <tr><td><a href="back.html" onclick="alert('Job Submission button clicked but is unoperative at this time')"/>List all Job submissions</a></td></tr> <tr><td><a href="back.html" onclick="alert('Lastest Submission button clicked but is unoperative at this time')"/>Show latest submission</a></td></tr> <tr><td><a href="help.html">Help</a></td></tr> </table> <table width="380" cellspacing="2" cellpadding="2" align="right" border="0"> <tr><td><form name="JobApplication" action="javascript:alert('Submit button clicked')" onsubmit="return validateForm(this.emailAddressField.value)"> I am having troubles with frame navigation...I have 2 sites with the same frameset configuration of a topFrame and a lower mainFrame. I want a link on the mainFrame of site A to open a page in the mainFrame of site B. The page that I want to open is located on site B but whenever I click on the link in site A it opens in the mainFrame of site A. I know that specifying the target as _parent will take it out of the frame it's in, but how do I target it to open in the mainFrame of site B? nevermind, problem solved I have a doctype problem on my site which I cannot get rid of... Im using utf-8 have tried the below: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> !DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd"> --> !DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd"> !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Many things are happening and I have read a lot of docs handling this... What do you suggest that I do? (Hmmm, - I need dansih characters... ) (In mysql working on the site I cannot see the correct characters... A workaround are being used...) Regards, Frank <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> this line seems to be at war with firefox. for some unknown reason my banner has a space between the lower body (it shouldn't). It is fine in IE and fine if the above line is not included. It seems to be adding some sort of padding into the table cells where the images are, somehow because of the domument type. ---------- Anyone have any solutions? LINK: http://uniden.zzl.org/ Again it is FINE in IE, but not if FF. HTML is Valid according to W3c Validator. Thanks in advance How improtant is the doctype tag? I am trying to teach myself html and am trying to figure out when to use what doctype. DOCTYPE basically tell the web browser what to expect when interpreting the html doc b/c html has been revised over the years, is that correct? Can someone please help me understand how to properly use the doctype tag and what is smart choice/ example of a specific doctype tag is and the reasoning behind why 'this' doctype tag is a smarter choice than an alternate doctype tag? Thank you! -Matt H. When I add a doctype it completely ruins my whole page layout. How can i fix this? Without: it fits my whole page and looks nice. With doctype: it squishes everything to the top. Help please. What is a doctype, ive seen it in almost every html file someones , i never use it and when i remove it it doesnt do anything. so whats the point of it? to me it just looks like its taking up space. I'm trying to re-do and validate all my 100+ websites; this one is the most recent: http:// www.sticksite.com/cook/indexNEW.html and after "Tidy" cleaned it up I now have the very top looking like this which I know is not right: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd"> <!-- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> --> <html> <head> <meta name="generator" content="HTML Tidy for Linux (vers 1 September 2005), see www.w3.org"> <meta content="text/html; charset=utf-8" http-equiv="content-type"> <title>Fast, nutritious meals</title> My pages are nothing fancy, I just want them to work. "Transitional" is fine; I'm not worried yet about "Strict." I'm validating at http://validator.w3.org/ Can one of you super HTML specialists please tell me how the top of my pages SHOULD look? Many thanks in advance! Do I have an incorrect doctype set for my new layout? www.bkriegtech.net I have a huge amount of errors when I run the w3c validator... Hi simple question. I'm setting a background color on a div and when I put the Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> the background color disappears? Whys this? Heres the css Code: #content {
width: 795px;
background-color: f9dc6e;
margin: 0px;
padding: 10px;
}
Thanks im using the following doctype: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> however when you add a table in I.E. it is creating a space between the top of the table and where it is inserted... why is this? any ideas how to solve this? thanks J. Well, this is how it started - I'm using XHTML strict but by accident I placed the doctype after the <html> tag. I've now finished the website and realised the error, so I moved it above <html>. The problem is that now in IE it looks like this: http://img187.imagevenue.com/img.php..._122_350lo.jpg but in Firefox, it renders perfectly like this: http://img150.imagevenue.com/img.php..._122_842lo.jpg As you can see in IE it produces a big gap between the logo and the login form. Edit Figured it out - a very stupid mistake I was floating the logo to the left and the form to the right but I'd set the logo div's width at 25% and the form div's width at 100%. Just out of curiosity - anyone know why this error wouldn't show until the doctype was enforced and why it didn't show in firefox? |
|||||||