xhtml 1.1

Du kan læse om xhtml på www.html.dk

Bare følg den tut der er på forsiden.

for det første...

1) IMG har ikke border attr. mere - det skal sættes via stylesheets
2) du kan ikke have et IMG direkte i "roden" af body - for at overholde de strukturelle krav skal IMG være inde i en container (f.eks. div eller p)
3) usemap >> du skal ikke have # foran din map-id
4) linie 19: MAP har ikke name attr. - du skal bruge id istedet (id="map0")
5) MAP skal også holdes i en container (f.eks. div eller p)
6) linie 32: du får ikke afsluttet IMG taget

/Søren

Og hvorfor har du egenligt dine AREAs kodet via Javascript ???
hvis det kun er for at få fat i width/height må det da kunne gøres nemmere - eller i hvert fald træke funktionen ud af selve area-udtrykket (som mere er til for at sige, hvor der er hotspots, end for at bestemme hvad der skal ske, når der bliver clicket/mouseOver/Out over området...

De ligger kun i det script på grund af width og height. Det var den eneste måde jeg kunne se man kunne gøre det

ok...


prøv lige at se, om dette ikke validerer XHTML1.1


(indholdet af body...)

      <p style="border:0; margin:0;">
          <img height="430" width="700" src="jpg-filer/mortal.jpg" style="border:0px;" usemap="#map0" alt="" />
          <map name="map0">
      <script type="text/javascript"><!--
        var width  = window.screen.availWidth - 10;
        var height = window.screen.availHeight - 150;
        // Only one window (Start) for both sites
        document.write("<area shape=\"rect\" coords=\"12,254,233,390\" href=\"#\" onclick=\"window.open('servlet/Start','Start','toolbar=yes,location=yes,directories=no,status=no,menubar=yes,scrollbars=yes,resizable=yes,copyhistory=yes,width="+width+",height="+height+",top=0,left=0'); return false\" onmouseover=\"this.style.cursor='hand'\" alt=\"Mortallove\">");
        document.write("<area shape=\"rect\" coords=\"453,256,687,422\" href=\"#\" onclick=\"window.open('servlet/Startbeauty','Start','toolbar=yes,location=yes,directories=no,status=no,menubar=yes,scrollbars=yes,resizable=yes,copyhistory=yes,width="+width+",height="+height+",top=0,left=0'); return false\" onmouseover=\"this.style.cursor='hand'\" alt=\"All The Beauty\">");
        -->
        </script>
      </map>
      </p>
    <p>
      <a href="http://validator.w3.org/check/referer"><img border="0" src="jpg-filer/W3Chtml.bmp" alt="Valid HTML 4.01!" height="31" width="88"></a>
      <a href="http://jigsaw.w3.org/css-validator/"><img border="0" src="jpg-filer/W3Ccss.bmp" alt="Valid CSS2!" height="31" width="88"></a>
    </p>

Det ser _langt_ pænere ud, når det bliver kopieret ud i f.eks. noteblok (eller min favorit HTML-kit) igen

suk ... jeg har selvfølgelig glemt at rette name attr. til id i <map name...>

Jeg får de samme fejl

på www.skroeder.dk/mortalindex.html ligger en version, som validerer XHTML1.1

/Søren Munk Skrøder

cool

hmmm.. men der virker usemap'en ikke

kigger lige i mine gemmer efter et xhtml1.1 eksempel med usemap!

Det kan jeg se :-(

det er den skide # - den skal åbenbart bruges - men tegnet er ikke lovligt i XHTML :-/

hmmm, det er jo ikke så heldigt

Deprecated stuff in XHTML1.1 (was: Re: usemap in XHTML 1.1 no longer a URI?!).

Det ser slet ikke ud til at den kan bruges mere *suk*

jeg har lige læst den .. men jeg mener, at man bør kunne få et map til at virke under XHTML - alt andet virker latterligt....

Evt. vil jeg da gerne oprette (og ligge points til) et spm her på eksperten, så vi kan få nogle andre kodehoveder på banen...

/Søren

(det er første gang, at jeg er kommet ud for, at der er noget man _ikke_ kan lave i XHTML!)

Det vill da være fedt

Jeg er god til at finde på ting der ikke kan lade sig gøre :-)

Det er da ikke så smart hvis man ikke kan lave et map i xhtml

du kan følge med i
http://www.eksperten.dk/spm/332910

Jeg smutter ind og spiser nu :-)

/Søren

tak :-)

Det er der åbenbart ikke nogen som ved

bare vent ... folk spiser sikkert på nuværende tidspunkt -eller ser film eller lign.. tålmodighed er en dyd :-))

Du har sikkert ret :-)

Inde på http://www.w3schools.com/tags/tag_map.asp bruger de en #, kan det være en fejl i validatoren

Det validerer fint som xhtml strict

altså 1.0