Solved

How to get a specific page to validate

Posted on 2013-12-04
6
290 Views
Last Modified: 2013-12-04
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
Comment
Question by:Elizabeth2
  • 3
  • 2
6 Comments
 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 250 total points
ID: 39696215
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
 
LVL 52

Assisted Solution

by:Scott Fell, EE MVE
Scott Fell,  EE MVE earned 250 total points
ID: 39696226
0
 

Author Comment

by:Elizabeth2
ID: 39696281
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: Postgres Monitoring System

A PHP and Perl based system to collect and display usage statistics from PostgreSQL databases.

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.

 

Author Comment

by:Elizabeth2
ID: 39696294
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
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 39696338
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
 

Author Closing Comment

by:Elizabeth2
ID: 39697003
Thank you both so much for the help! You were equally helpful. I really appreciate the quick responses ;-)
0

Featured Post

Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Question about traversing a tree using jQuery 7 33
html Uncheck Checkbox 2 25
Powershell output to email works, but readability is low 5 37
VBScript on Html 15 47
Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

792 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question