PDA

Volledige versie bekijken : Site geraakt niet door validator


fujitsi
2 June 2006, 20:06
Ik heb dus mij een beetje beziggehouden met een site, maar toch zit ik met een probleem.

Ik wil een goede code hebben en heb mijn HTML file en mijn CSS file door de w3-validators gehaald, maar er zitten fouten in die ik niet snap.

HTML validator (http://validator.w3.org/)
CSS- validator (http://jigsaw.w3.org/css-validator/validator-text.html)

Plak deze codes dan in de teksvakjes

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head> <title>Kompjoeter.be</title>
<link rel="stylesheet" type="text/css"href="styles.css"/>

</head>

<body>
<div id="container">
<div id="header"> <!-- afbeelding in css file --> </div> <!-- einde header -->

<div id="main"> <!-- container nav en content -->

<div id="nav">
<ul id="vnav">
<li><a href="index.htm">Home</a></li>
<li><a href="hardware.htm">Hardware</a></li>
<li><a href="software.htm">Software</a></li>
<li><a href="downloads.htm">Downloads</a></li>
<li><a href="links.htm">Links</a></li>
<li><a href="contact.htm">Contact</a></li>
</ul> </div> <!-- einde vnav en nav -->

<div id="content">
<table id="news"> <!-- sjabloon -->
<tr width=100%>
<td width= 75%> </td> <!-- hier titel plaatsen -->
<td width= 15%> </td> <!-- hier datum plaatsen -->
<td width="10"> </td> <!-- hier afbeelding algemeen of site nieuws -->
</tr>
<tr width="100%" height="75px">
<td>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</br>
Donec cursus varius augue.</br>
Nulla egestas nonummy lorem. Cras venenatis gravida leo.</br>
In consectetuer arcu ac massa. Fusce quam.</br>
Fusce iaculis est. In tempus neque non lacus.</br>
</td>
</tr>
</table>
</div> <!-- einde content -->

</div> <!-- einde main -->

</div> <!-- einde container -->

CSS:


/* EIGENSCHAPPEN DIVS */

div#container{
width: 100%;
height: 100%}

div#header{
background-image: url("images/header.jpg");
width: 100%;
height: 50px}

div#main{
width: 100%;
height: auto;
background-color: #E3E3E3; /* achtergrond */
font-family: Arial; /* algemene font */
font-size: 13px} /* algemene font grootte */

div#nav{
float: left;
width: 20%; /* hangt af van breedte news */
height: 150px} /* hangt af van hoogte header */

div#content{
float: right;
width: 80%; /* hangt af van breedte nav */
height: 150px} /* hangt af van hoogte header */

/* EIGENSCHAPPEN ANDERE */

ul#nav li{
list-style-type: none} /* nog aanvullen */

table#news{
width: 100px;
border: 1px solid #1C1C1C} /* dikte, soort, kleur */

table#news td{padding: 2px}

/* LINK EIGENSCHAPPEN */

a:link {color: #37BAE2}

a:visited {color: #37BAE2}

a:hover {color: #E39836}

a:active {color: #37BAE2}

Wat ik niet snap aan de HTML code:
alles

Wat ik niet snap aan de css code:


Regel : 16 font-family: Het is beter een algemene font-family op te geven als laatste alternatief
Regel : 16 (Level : 2) font-family: Het is beter een algemene font-family op te geven als laatste alternatief : div#main
Regel : 47 (Level : 1) U heeft geen achtergrondkleur opgegeven : a:link
Regel : 49 (Level : 1) U heeft geen achtergrondkleur opgegeven : a:visited
Regel : 51 (Level : 1) U heeft geen achtergrondkleur opgegeven : a:hover
Regel : 53 (Level : 1) U heeft geen achtergrondkleur opgegeven : a:active
Martijnc
2 June 2006, 20:10
Je wilt je pagina in HTML 4.01 Strict!
Wel dan mag je geen width en height gebruiken. Je moet de maten al opgeven in de css.
En </br> is <br />. Pas dit al eens aan en kijk dan nog eens. :)

De waardes moeten ook niet zo <tr width=100%> maar zo <tr width="100%">, Tussen "".
zodiac
2 June 2006, 22:32
verander anders die strict in transitional.. Maar beter is wat MartijnC zegt
fujitsi
3 June 2006, 12:14
Je wilt je pagina in HTML 4.01 Strict!
Wel dan mag je geen width en height gebruiken. Je moet de maten al opgeven in de css.
En </br> is <br />. Pas dit al eens aan en kijk dan nog eens. :)

De waardes moeten ook niet zo <tr width=100%> maar zo <tr width="100%">, Tussen "".
verander anders die strict in transitional.. Maar beter is wat MartijnC zegt
Ik heb die DOCTYPE gewoon gekopiëerd van de HTML tutorial, zonder echt te weten wat er daar instaat.

Ik zal eens nakijken en die br-tags veranderen en dan zien wat het resultaat is :good:

edit: ik krijg bij de HTML code nog altijd dit:

Error Line 4 column 58: character data is not allowed here. <link rel="stylesheet" type="text/css"href="styles.css" /> You have used character data somewhere it is not permitted to appear. Mistakes that can cause this error include putting text directly in the body of the document without wrapping it in a container element (such as a <p>aragraph</p>) or forgetting to quote an attribute value (where characters such as "%" and "/" are common, but cannot appear without surrounding quotes).



Ik heb al geprobeerd om een spatie te zeten na "css" /> , maar toch lukt het niet.
zodiac
3 June 2006, 13:51
moet die '/' er wel bij?

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

probeer eens zo
Martijnc
3 June 2006, 13:55
Die / moet daar bij anders is het niet W3C valid.

<link rel="stylesheet" href="styles.css" type="text/css" />
fujitsi
3 June 2006, 18:44
Die / moet daar bij anders is het niet W3C valid.

<link rel="stylesheet" href="styles.css" type="text/css" />
Is nog steeds niet juist...

Nu zegt hij ook dit:


Error Line 28 column 25: character data is not allowed here. <td id="datum"> </td>3/06/06 <!-- hier datum plaatsen -->
Wat is daar nu weer mis aan...:eek:

edit: is goed, datum stond niet in tabel
Martijnc
3 June 2006, 18:59
Je moet de datum in de TD tag zetten en niet erbuiten.

<td id="datum">3/06/06</td>
fujitsi
3 June 2006, 19:05
Je moet de datum in de TD tag zetten en niet erbuiten.

<td id="datum">3/06/06</td>

Alsof we op hetzelfde moment posten ;) (zie mijn vorige post edit)

Nu zit ik wel nog met dat css probleem, is het enige dat overblijft...:wall: