Hjælp til doctype.. w3 vil ikke checke..

Prøv at indsætte <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> under head

Man kan validere sin html ved at paste den direkte ind, i stedet for bare at angive url. Du skal selvfølgelig angive content-type som -aco- skriver, men indtil da kan jeg fortælle at du har 8 valideringsfejl i forhold til W3C's validator:

==========

This page is not Valid HTML 4.01 Transitional!

Below are the results of attempting to parse this document with an SGML parser.

  1. Error Line 44 column 167: required attribute "ALT" not specified.

...olspan="2"><img src="images/vvs2.gif"></td></tr><tr><td style="width:500px;he

      The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.

      Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.

      &#9993;
  2. Error Line 44 column 413: required attribute "ALT" not specified.

...ges/streg.gif" width="480" height="2"><br><br><font size="1" color="#333333">

      &#9993;
  3. Error Line 67 column 2: document type does not allow element "P" here; missing one of "APPLET", "OBJECT", "MAP", "IFRAME", "BUTTON" start-tag.

<p>

      The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

      One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").

      &#9993;
  4. Error Line 79 column 104: there is no attribute "HEIGHT".

...e="border-collapse: collapse" height="150">

      You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead).

      This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information.

      How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute.

      &#9993;
  5. Error Line 97 column 305: end tag for "FONT" omitted, but its declaration does not permit this.

...:</b>&nbsp;&nbsp;Alternativ<font></td>

          * You forgot to close a tag, or
          * you used something inside this tag that was not allowed, and the validator is complaining that the tag should be closed before such content can be allowed.

      The next message, "start tag was here" points to the particular instance of the tag in question); the positional indicator points to where the validator expected you to close the tag.

      &#9993;
  6. Info Line 97 column 295: start tag was here.

...<b>&nbsp;::</b>&nbsp;&nbsp;Alternativ<font></td>

  7. Error Line 97 column 305: end tag for "FONT" omitted, but its declaration does not permit this.

...:</b>&nbsp;&nbsp;Alternativ<font></td>

      &#9993;
  8. Info Line 97 column 221: start tag was here.

...ative.html'" style="cursor: pointer"><font size="1" color="#FFFFFF">&nbsp;<b>

  9. Error Line 106 column 136: required attribute "ALT" not specified.

...img src="images/dansk.bmp" border="0"></a>&nbsp;<a href="engelsk/index.html">

      &#9993;
  10. Error Line 106 column 216: required attribute "ALT" not specified.

...g src="images/engelsk.bmp" border="0"></a>&nbsp;</td>

skrev jeg 8? mente 10 :)

Men hvis du skriver det som jeg sige til dig vil de 3 fejl fjernes, men som sagt mangler du bla at skrive alt="" i ALLE dine img tags, det vil fjerne 4 af de fejl milandt siger, bare læg dig videre til resten :)

okay.. takker, men jeg forstår ikke hvorfor der skal være alt="" i mine img tags.. skal der stå noget i dem? det angiver vel bare hvad det er billedet viser? ligesom title?

<ole>

Det er ellers ganske logisk  :)

Hvis et billede f.eks. er et link til en side, hvordan skal en blind eller svagtseende så vide, hvor han skal klikke? Det kan han kun vide, hvis du sætter en alt-attribut, som hans klient kan læse - og efterfølgende læse op for ham.

Der er masser af klienter, der ikke kan bruge grafik - og brugerne af dem skal vel også have en mulighed for at tilgå dine sider  ;o)

/mvh
</bole>

Det er jo så rent faktisk også meningen at du skal fylde noget i dine alt atributter. De har jo til formålet at fortælle brugeren hvad dette billede skal forestille, hvis billedet ikke kan vises (fx ikke kan findes, eller brugeren har slået billeder fra).

Fornuftige alt værdier på img elementer: "Firmalogo", "Graf over xxxx", "Profilbillede"
Dåræige værdier: "billede", ""

Derimod skal title-attributten vise et tooltip. At alt-attributten også gør det i IE, er en bug  :)

olebole - du henviser til title atributten? alt er der der skal vises alternativt til billedet, og title er det der skal supplere billedet. eller er jeg helt galt på den?

der kom du mig i forkøbet :)

milandt >> pas på! Det kan være yderst forvirrende for en blind, hvis man sætter alt-tekster på al 'eye-candy' grafik  ;o)
Der bør kun fyldes tekst i attributten, hvis der er en funktionel årsag til det.

til dels ja, men ikke hun hvis der er en funktionel årsag til det. et profilbillede på et cv er et godt eksempel. det er ikke "eye-candy", men en del af content, ligesom f.eks grafer og illustrationer der på anden måde supplerer brødteksten.

Desuden er dette ikke en god idé:
  <a href="index.html"><img src="logo.gif" alt="Firmalogo"></a>

Dette giver langt mere mening:
  <a href="index.html"><img src="logo.gif" alt="Link til forsiden"></a>

milandt >> til (18/11-2005 15:42:22) helt enig ... men overvej i de forbindelse min seneste kommentar  ;o)

Teksten skal ikke nødvendigvis bare fortælle, hvad billedet forestiller  :)

der ville jeg mene at det mest rigtige er:

<a href="index.html" title="Link til forsiden"><img src="logo.gif" alt="Firmalogo"></a>

Det er muligt, du mener det, men det forudsætter, at klienten læser title-attributten på linket - hvilket du ikke kan være sikker på  :)

Du kan være sikker på, der vil komme et tooltip med den relevante tekst - men det er ikke sikkert, der sker andet ... og så er din alt-tekst ikke relevant for en blind

nej, jeg ved godt at "omgivelserne" ikke altid hænger sammen med det udvikleren mener :) Desværre..

Citat fra W3C's vejledning i brug af 'alt':

While alternate text may be very helpful, it must be handled with care. Authors should observe the following guidelines:

Do not specify irrelevant alternate text when including images intended to format a page, for instance, alt="red ball" would be inappropriate for an image that adds a red ball for decorating a heading or paragraph. In such cases, the alternate text should be the empty string (""). Authors are in any case advised to avoid using images to format pages; style sheets should be used instead.
Do not specify meaningless alternate text (e.g., "dummy text"). Not only will this frustrate users, it will slow down user agents that must convert text to speech or braille output.

http://www.w3.org/TR/html401/struct/objects.html#adef-alt

- og ifølge W3C, så 'may' f.eks. tekstoplæsere bruge title-attributten. Jeg har teste forskellige - og det er desværre ikke alle, der gør det. Derfor er jeg lidt mere 'kræsen' med brugen af de to  ;o)

Ref:
  http://www.w3.org/TR/html401/struct/global.html#adef-title

Hej igen..

Jeg har nu rettet fejlene, men mangler en enkel.. Jeg kan ikke forstå hvorfor <p> tag'et er forkert.. det står jo inde i <font> ??

kan i udover det finde nogle fejl, som validatoren ikke kan finde? eller er der ingen fejl, hvis den ikke siger det?

Vil det sige at min side nu kan ses godt i alle browsere?

Hilsen Jeppe

linie 68: <p>
linie 89: </font>

du starter et p element med at afslutte et font element. der er helt klart en fejl i rækkefølgen af start og slut tags.

du burde måske også se din side i både Firefox og IE. Der er en lille smule variation i Firefox, og så kan du jo selv vurdere om det er noget du vil bruge tid på at rette op på. hvilken browser der viser siden "rigtigt" vil jeg ikke komme ind på.

Et font-element er et inline-element. Det betyder, at det indgår direkte i det almindelige tekst-flow.

Et p-element er derimod et block-element, der vil fremtvinge sin egen tekst-blok - ved at fylde hele den tilgængelige bredde og dermed lave linjeskift før og efter elementet.

Derfor kan et inline-element ikke indeholde et block-element ... hvorfor et font-element altså ikke kan indeholde et p-element.

En validator som W3C's kan kun afsløre syntaktiske fejl. Den kan derimod ikke sige noget om, hvorvidt din kode er hensigtsmæssig eller overhovedet giver mening.
Derfor er en valid kode ikke garanti for, at siden ser ens ud i forskellige browsere - men det er en god (og nødvendig) begyndelse  :)

Valid kode er ikke nødvendigvis god kode - men god kode er altid valid  ;o)

Valid kode er ikke nødvendigvis god kode - men god kode er altid valid  ;o)

kan omskrives til

Sex med en kvinde er ikke altid god sex - men god sex er altid med en kvinde  ;o)

kan omskrives yderligere hvis man er til fyre :) God weekend i øvrigt.

Helt enig! Katte har for skarpe kløer - også selvom man banker dem face-down ned i en gummistøvle, først. På køer er der for langt ned til yveret, til at man kan nå det, imens ... osv, osv.

milandt >> man skal passe på, man ikke laver pjatrøv med den kinky celle under en aldrende koders vigende hårgrænse. Det kan resultere i billeder, man nødigt så.
You ain't seen nothin' yet!  ;D

Hej igen..

mange tak for hjælpen.. kan altså ikke få den helt valideret.. når jeg så fjerner det <p> kommer der 70 fejl der siger at </html> er en forkert måde at afslutte på.. så har ladet <p>'et stå..

hilsen Jeppe
men lig et svar

Nej, hvis du fjerner p-tagget i linje 65, validerer kode. Prøv selv:

<!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">
<title>VVS-FIRMA JKP A/S</title>
<link rel="STYLESHEET" type="text/css" href="css/menu.css">
<style type="text/css">
body{
        background-color: #777777;
}
.td{
        border-left: 1px solid #FFFFFF;
        border-right: 0px solid #777777;
        border-top: 0px solid #FFFFFF;
        border-bottom: 0px solid #FFFFFF;
        background-color:#555555;
        padding:0px;
        text-align:left;         
  }
.td2{
        border-left: 0px solid #FFFFFF;
        border-right: 0px solid #FFFFFF;
        border-top: 1px solid #FFFFFF;
        border-bottom: 1px solid #FFFFFF;
        background-color:#555555;
        padding:0px;
        text-align:center;         
  }
.td3{
        border-left: 0px solid #FFFFFF;
        border-right: 0px solid #FFFFFF;
        border-top: 0px solid #FFFFFF;
        border-bottom: 1px solid #FFFFFF;
        background-color:#555555;
        padding:0px;
        text-align:left;
        height:30px;         
  }

</style>
</head>
<body>
<table style="width:752px;height:100%;" border="0" bgcolor="FFFFFF" cellpadding="0" cellspacing="0" align="center">
    <tr>
        <td style="width:752px;" align="center" valign="top">
<table style="width:750px;height:100%;" border="0" bgcolor="dfdfdf" cellpadding="0" cellspacing="0"><tr><td style="width:750px;" colspan="2"><img src="images/vvs2.gif" alt="banner"></td></tr><tr><td style="width:500px;height:100%;" valign="top"><table cellpadding="2"><tr><td valign="top" align="left" bgcolor="#dfdfdf"><font size="3" color="#333333"><b>Forside</b></font><br><img src="images/streg.gif" alt="" width="480" height="2"><br><br><font size="1" color="#333333">


Velkommen...<br>
Benyt dig af menu baren til højre for at navigere gennem de forskellige sider.<br><br>

Hurtig guide:<br><br>

<b>Arbejdsekspertise:</b><br>
Her kan du læse om mit nuværende arbejde, samt mit arbejde hos andre firmaer og på projekter.<br><br>

<b>Uddannelse.</b><br>
Her kan du se hvilken uddannelser jeg har bag mig.<br><br>

<b>Relevante egenskaber:</b><br>
Indeholder en liste over de sprog jeg har kendskab til.<br><br>

<b>Alternativ:</b><br>
Her kan du læse mere om FLP produkter, samt om clairvoyance.

</font>
                </td>
            </tr>
        </table>
        </td>
        <td style="width:250px;" valign="top" bgcolor="555555" class="td">
        <table cellpadding="0" cellspacing="0">
            <tr>
                <td valign="top" style="width:250px;" bgcolor="#000000">

<table cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>

          <td class="td3" onMouseover='this.style.backgroundColor="#DFDFDF"' onMouseOut='this.style.backgroundColor="#555555"' width="20%" onclick="document.location.href='dansk/index.html'" style="cursor: pointer"><font size="1" color="#FFFFFF">  &nbsp;<b>&nbsp;::</b>&nbsp;&nbsp;Forside</font></td>

</tr>
<tr>

          <td class="td3" onMouseover='this.style.backgroundColor="#DFDFDF"' onMouseOut='this.style.backgroundColor="#555555"' width="20%" onclick="document.location.href='dansk/work.html'" style="cursor: pointer"><font size="1" color="#FFFFFF">&nbsp;<b>&nbsp;::</b>&nbsp;&nbsp;CV</font></td>

</tr>
<tr>

          <td class="td3" onMouseover='this.style.backgroundColor="#DFDFDF"' onMouseOut='this.style.backgroundColor="#555555"' width="20%" onclick="document.location.href='dansk/skills.html'" style="cursor: pointer"><font size="1" color="#FFFFFF">&nbsp;<b>&nbsp;::</b>&nbsp;&nbsp;Sprog</font></td>

</tr>
<tr>

          <td class="td3" onMouseover='this.style.backgroundColor="#DFDFDF"' onMouseOut='this.style.backgroundColor="#555555"' width="20%" onclick="document.location.href='dansk/alternative.html'" style="cursor: pointer"><font size="1" color="#FFFFFF">&nbsp;<b>&nbsp;::</b>&nbsp;&nbsp;Alternativ</font></td>

</tr>
<tr>
          <td class="td3" onMouseover='this.style.backgroundColor="#DFDFDF"' onMouseOut='this.style.backgroundColor="#555555"' width="20%" onclick="document.location.href='dansk/contact.html'" style="cursor: pointer"><font size="1" color="#FFFFFF">&nbsp;<b>&nbsp;::</b>&nbsp;&nbsp;Kontakt</font></td>
   
        </tr>
            </table>
                </td></tr><tr>    <td align="right" valign="bottom" height="25px"><a href="dansk/index.html"><img src="images/dansk.bmp" alt="Dansk" border="0"></a>&nbsp;<a href="engelsk/index.html"><img src="images/engelsk.bmp" alt="Engelsk" border="0"></a>&nbsp;</td>
            </tr>
        </table>
        </td>
    </tr>

    <tr>
        <td colspan="2" class="td2" align="center" valign="middle" style="height:18px;"><font size="1" color="#444444">Alle retighedder tilhører JKP - 2005</font>
        </td>
    </tr>
</table>


</td></tr></table>
</body>
</html>

Til gengæld validerer "men lig et svar" ikke helt:
    http://many.dk/pic/dkuv.gif  ;o)

okay.. mange tak.. det forstår jeg ik'.. havde ellers prøvet, men nu funger det :D

mange tak