Något som jag tycker är ganska underligt har inträffat. När jag validerar min kod kommer detta upp:
Below are the results of attempting to parse this document with an SGML parser.
Line 12, column 110: there is no attribute "border" (explain...).
...o.png" width="76" height="13" border="0" />
^
Line 12, column 115: required attribute "alt" not specified (explain...).
..." width="76" height="13" border="0" />
^
Line 13, column 70: required attribute "alt" not specified (explain...).
...g" width="7" height="13" border="0" /> <img src="bilder/tmeny_sega.png" width
^
Line 13, column 140: required attribute "alt" not specified (explain...).
..." width="38" height="13" border="0" />
^
Source Listing
Below is the source input I used for this validation:
1: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2: <html xmlns="http://www.w3.org/1999/xhtml">
3: <head>
4: <title>Apa512.com</title>
5: <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
6: <link href="default.css" rel="stylesheet" type="text/css" />
7: </head>
8:
9: <body>
10: <div id="logotyp" style="position:absolute; width:158px; z-index:1; left: 60px; top: 60px; height: 26px;"><img src="bilder/logotyp.png" alt="apa512.com" width="158" height="26" /></div>
11: <div id="sgra3" style="position:absolute; width:492px; z-index:4; left: 218px; top: 83px; background-color: #DFDFDF; layer-background-color: #DFDFDF; border: 1px none #000000; height: 3px;"><img src="bilder/1x1.png" alt="pixel" width="1" height="3" /></div>
12: <div id="tmeny2"><a href="./?id=nintendo"> <img src="bilder/tmeny_nintendo.png" width="76" height="13" border="0" />
13: <img src="bilder/tmeny_slash.png" width="7" height="13" border="0" /> <img src="bilder/tmeny_sega.png" width="38" height="13" border="0" />
14: </a></div>
15: <div id="vmeny"><a href="#" >FORUM</a> <a href="#">FÖRSÄLJNING</a> <a href="#">RECENSIONER</a>
16: <a href="#">LÄNKAR</a></div>
17: <div id="tmeny1"><a href="./?id="><img src="bilder/tmeny_start.png" alt="startsidan" width="96" height="13" border="0" /></a></div>
18: </body>
19: </html>
Att alt saknas är ju lätt att ordna, men border blir lite svårare. Om man läser igenom koden ser man att flera bilder har border="0", men ändå klagar bara validatorn på en. Om jag tar bort border="0" så får bilden en blå ram runt sig, i alla fall alla bilder utom den längst upp. Där kommer ingen ram trots att bilden saknar border="0". Alla bilder är i png-format och det enda som skiljer bilden som inte får ram är att den är större än de andra bilderna.