Archief - HTML: /CSS: krijg HTML en CSS file niet door validator

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
I

IcefoxXx

Legacy Member
Het zit dus zo, na een beetje foefelen ben ik een klein projectje begonnen, maar zit toch met enkele probleempjes.

Ik krijg noch mijn HTML noch mijn CSS file door de W3validator:s

HTML validator

CSS- validator

Plak deze codes dan in de teksvakjes

HTML:
Code: 
<!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:
Code: 
/* 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}

Bij de HTML is het enige wat ik niet krijg is dat die character niet mag staan bij mijn link naar mijn CSS-file.

Bij mijn CSS snap ik vooral van die achtergrondkleur en die link kleuren niet. De kleuren zijn toch duidelijk opgegeven?

Dank bij voorbaat:)
R

Robain

Legacy Member
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>
                <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>
                <td width="100%" height="75">
                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 -->

Dit werkt op 2 fouten na die ik niet weg krijg ;) Tis in de vlucht eh!
I

IcefoxXx

Legacy Member
Robain zei:
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>
                <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>
                <td width="100%" height="75">
                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 -->

Dit werkt op 2 fouten na die ik niet weg krijg ;) Tis in de vlucht eh!
Klik om te vergroten...

Wat heb je precies verandert? Ik zie het niet direct...
R

Robain

Legacy Member
  • </br> --> <br> : </br> is xhtml...
  • <link rel="stylesheet" type="text/css"href="styles.css"/> --> <link rel="stylesheet" type="text/css" href="styles.css" > : slash weg op einde (xhtml...) en spatie toegevoegd
  • width en heigth uit <tr> tags gehaald en in <td> tag gezet in de plaats
  • "" toevegoed bij sommige width en heigth

CSS lijkt mij valid?


greetz
I

IcefoxXx

Legacy Member
Robain zei:
  • </br> --> <br> : </br> is xhtml...
  • <link rel="stylesheet" type="text/css"href="styles.css"/> --> <link rel="stylesheet" type="text/css" href="styles.css" > : slash weg op einde (xhtml...) en spatie toegevoegd
  • width en heigth uit <tr> tags gehaald en in <td> tag gezet in de plaats
  • "" toevegoed bij sommige width en heigth

CSS lijkt mij valid?


greetz
Klik om te vergroten...

Ik verkies ook wel xHTML boven HTML.
Bij de css zeggen ze toch wel van de linkhovers en de achtergrondkleur van div#main
B

Bertold

Legacy Member
trouwens is xhtml niet </br> maar <br />

en van die linkhover etc: ge moet et verschil zien tussen WARNING en ERROR é warning is waarschuwen dat da misschien nie klopt error is dat gewoon nie klopt
kleine nuance dus :)
F

Fr3aK

Legacy Member
In xHTML krijgt elk element dat geen sluittag heeft (<img src="...">, <br>, <hr>, ...) een slash vlak voor de ">", dat wordt dus <img src="..." alt="..." />, <br />, <hr />, ...

Zoals ge kunt zien is ook de ALT tag voor een img vereist in xHTML...
R

Robain

Legacy Member
Fr3aK zei:
In xHTML krijgt elk element dat geen sluittag heeft (<img src="...">, <br>, <hr>, ...) een slash vlak voor de ">", dat wordt dus <img src="..." alt="..." />, <br />, <hr />, ...

Zoals ge kunt zien is ook de ALT tag voor een img vereist in xHTML...
Klik om te vergroten...


what he said :)
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan