How to get a specific page to validate

I'm trying to get this page to validate, but I don't understand what I'm supposed to do. It says that a LINK to various style sheets are in the wrong location, but they are in the HEAD, so that can't be the issue.

Would someone be willing to help me with these remaining errors? I've fixed all that I know how to fix.

Thank you so much!
Who is Participating?
COBOLdinosaurConnect With a Mentor Commented:
Most of them are caused by the DOCTYPE for HTML 4.01 and then trying to use modern html5 coding.

Change the doctype to

<!doctype html>

That will get rid of most of the errors, but you will probably get a few new ones for some of the obsolete attributes.

As a side note, it is really bad practice to use inline styles instead of having everthing in stylesheets.  There is a huge risk if breaking cascades during maintenance.

Elizabeth2Author Commented:
Well, yes. I have figured out most of them, but still have 1 that I don't know how to fix. The 5th error I had to put back in the code, so that IE 11 would display my stretched background properly. Without it, the background doesn't stretch, and that was adding width="100%" and height="100%" where the validator is only looking for the numbers and no % sign.  However, as I mentioned, without it, the page didn't display properly.

I don't know how to fix this one: Line 8, Column 109: The charset attribute... I tried with and without. Not sure what to put there.

The others I will try to fix with CSS.
Get 10% Off Your First Squarespace Website

Ready to showcase your work, publish content or promote your business online? With Squarespace’s award-winning templates and 24/7 customer service, getting started is simple. Head to and use offer code ‘EXPERTS’ to get 10% off your first purchase.

Elizabeth2Author Commented:
Oh, and I forgot to answer, that I'm only using the inline styles while I'm working on the page. I have more elements to add. Once I get everything added, and working, I'll move that code to a CSS page. Thank you for mentioning that, however. ;-)
Your problem with the image is because the spec defines the values for with and height of an images a a positive integer specifying the number of pixels.  

You should define only the width and let the browser calculate the height to avoid distortion.  if you use the percentages, you are guaranteed to have a distorted rendering under some conditions, but if you do it to the standard you will get correct rendering in the 90% of modern browsers that do it right including most mobile.

If it is a background image then set it as the background for an HTML element and then you can use 100%.


Elizabeth2Author Commented:
Thank you both so much for the help! You were equally helpful. I really appreciate the quick responses ;-)
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.