...

View Full Version : Validating my site... it's tricky!



ingeborgh
11-10-2008, 07:17 PM
I have never bothered to validate my sites before. I've started to think this might come handy, and everybody is recommending it. Also, I have some trouble with accessing my sites from different browsers. So, here goes:

But, when I try to validate, there are to many issues I can't manage to fix. :confused: Something with the META tag, and some are just annoying always refering to either " 's or the tags. Can anyone take a quick look. I warn you for "error-shock" :p I have been floating on air with my coding, now I really want to learn the real deep down basics of a validated file.

You may check out this file for validation:
http://ingeborgh.com/index.php

zoobie
11-10-2008, 08:05 PM
you've got no doc type for beginners
way to many large pictures on one page
iframes confuse search engines and validators
forgot <tr> & </tr> on tables
etc

put it in the link below and post for each problem you can't figure out
http://validator.w3.org/

ingeborgh
11-10-2008, 08:13 PM
Thank you for answering :)

I can't understand this.

Unable to Determine Parse Mode!
No Character Encoding Found! Falling back to UTF-8.
No DOCTYPE found! Checking with default HTML 4.01 Transitional Document Type.

_Aerospace_Eng_
11-10-2008, 08:22 PM
Read this sticky on doctypes.

http://www.codingforums.com/showthread.php?t=18346

Also add this just before you closing </head> tag.

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

coothead
11-10-2008, 08:31 PM
Hi there ingeborgh,

and a warm welcome to these forums. ;)


I can't understand this.

It seems that at your present level of coding, page validation is beyond you. ;)

So here is your page validated.


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">

<title>ingeborgh</title>

<link type="text/css" href="/layout/stylesheets/css.css" rel="stylesheet">

</head>
<body>

<table style="width:100%; height: 100%" border="0" cellpadding="0" cellspacing="0"><tr>
<td align="center" valign="middle">
<table style="width:477px; background-color:#969696;" cellpadding="0" cellspacing="0">
<tr>
<td style="height:471px; background-color:#969696;">
<img src="http://ingeborgh.com/layout/headers/side12.jpg" border="0" alt="">
</td>
<td style="width: 477px; height: 471px; background-color:#969696;">
<img src="http://ingeborgh.com/layout/headers/middle2.jpg" border="0" alt="">
</td>
<td style="background-color:#969696; height: 471px;">
<img src="http://ingeborgh.com/layout/headers/side22.jpg" border="0" alt="">
</td>
</tr><tr>
<td style="width: 50px; height: 243px; background-color:#969696;" rowspan="2">&nbsp;</td>
<td style="width: 477px; height: 5px; padding-top: 2px; padding-bottom: 2px; padding-right: 5px; background-color:#ffffff;">
<div align="right">
<center><span class="tekst">
<a href="/webdesign.php"><span class="mini">WEBDESIGN</span></a> ⁘
<a href="/meg.php"><span class="mini">INGEBORG</span></a> ⁘
<a href="/index.php"><span class="mini">FORSIDEN</span></a> ⁘
<a href="/o"><span class="mini">ODINS SIDE</span></a> ⁘
<a href="/stubbe.php"><span class="mini">STUBBE</span></a> ⁘
<a href="2/outside.php"><span class="mini">OUTSIDE</span></a>
</span></center>
</div>
</td>
</tr><tr>
<td style="padding:10px; width: 477px; height: 100%; background-color:#ffffff;">
<iframe src="b" height="10700" width="100%" name="innhold" marginwidth="40" marginheight="20" scrolling="auto" frameborder="0"></iframe>
</td>
<td style="width:17px; height:243px;background-color:#969696;" rowspan="2">&nbsp;</td>
</tr></table>
</td>
</tr></table>

</body>
</html>

...perhaps you will be more successful with your CSS validation...
http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fingeborgh.com%2Findex.php
You may, also find some of these links illuminating. ;)



A better way to build your website (http://www.boagworld.com/archives/2004/06/a_better_way_to_build_your_website.html)
Why tables for layout is stupid: problems defined, solutions offered (http://www.hotdesign.com/seybold/index.html)
Ten ways to speed up the download time of your web pages (http://www.webcredible.co.uk/user-friendly-resources/web-usability/speed-up-download-time.shtml)
Nested Tables: About the (ab)use of tables as layout tools in webpages. (http://www.dorward.me.uk/www/nested/)
Why Tables Are Bad (For Layout) Compared to Semantic HTML + CSS (http://www.phrogz.net/CSS/WhyTablesAreBadForLayout.html)
Why go table free? (http://www.workingwith.me.uk/tablefree/why/)
Why avoiding tables (for layout) is important (http://davespicks.com/essays/notables.html)


coothead

ingeborgh
11-10-2008, 08:44 PM
Are tables really that bad :rolleyes:

EDIT:

I admit page valitation coding is beyond me, and appreciate your help :)




document type does not allow element "P" here; missing one of "APPLET", "OBJECT", "MAP", "IFRAME", "BUTTON" start-tag.

…serer meg for (altså ikke ex phil).<p></span>

This does not make sense. I always use
<p> as paragraphs, or paragraphdividers.

ingeborgh
11-10-2008, 09:08 PM
Whoa! I managed to validate a site!

I notice I don't use "-s and alt="" and close tags properly. I will hereby be strict to myself when coding.

Click here to see the marvellous result! (http://validator.w3.org/check?uri=http%3A%2F%2Fingeborgh.com%2Fmeg.php&charset=(detect+automatically)&doctype=Inline&group=0&user-agent=W3C_Validator%2F1.591)

zoobie
11-11-2008, 04:05 AM
very nice of coothead to do that...
it's probably best if the coder learns themselves
because of aerospace eng's red sig text

z



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum