• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 315
  • Last Modified:

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.

http://sitedesyne.com/WBCA2/homepage.html

Thank you so much!
0
Elizabeth2
Asked:
Elizabeth2
  • 3
  • 2
2 Solutions
 
COBOLdinosaurCommented:
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.

Cd&
0
 
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
0
 
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.
0
Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

 
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. ;-)
0
 
COBOLdinosaurCommented:
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%.

Cd&

Cd&
0
 
Elizabeth2Author Commented:
Thank you both so much for the help! You were equally helpful. I really appreciate the quick responses ;-)
0
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.

Join & Write a Comment

Featured Post

Cloud Class® Course: CompTIA Healthcare IT Tech

This course will help prep you to earn the CompTIA Healthcare IT Technician certification showing that you have the knowledge and skills needed to succeed in installing, managing, and troubleshooting IT systems in medical and clinical settings.

  • 3
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now