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
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