Ga naar inhoud

[xhtml1.1] client-sided image-maps


Aanbevolen berichten

Een paar dagen geleden probeerde ik even om Phrea's site: 'CtT' om te zetten in xhtml1.1. Het zou allemaal wel gaan lukken (ben nu even gestopt ermee), maar er is 1 'klein' probleem. Het W3C heeft tijdens de omzetting van html naar xhtml het een en ander verandert. Ik weet nog niet precies voor welke versies van xhtml dit allemaal geld maar iig voor xhtml 1.1, diegene die ik wilde gebruiken. Het gaat om het attribuut "usemap". Eerst hoorde hier een uri in. Maar in xhtml is dit verandert in IDREF wat betekent dat het naar een id verwijst (externe mappen zijn dus ook niet meer mogelijk). Iemand van het w3 heeft wat tests gedaan: http://www.w3.org/People/mimasa/test/xhtml/imagemap/ Op yahoo-groups vond ik nog een vraag erover: http://groups.yahoo.com/group/XHTML-L/message/4123 En op een vertaling van de modularisatie van xhtml vond ik deze: http://www.playgarden.com/w3c/TR/xhtml-modularization/abstract_modules.html#s_imapmodule Iemand een idee hoe ik het werkend kan krijgen? Alvast bedankt. -termin8or
Link naar reactie
Hier is iets dat werkt en valideert: [code:1:dd7690cae1] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Image Map Test</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> </head> <body> <div> <img src="staticpage.gif" alt="staticpage.gif, 572 x 323 " width="572" height="323" usemap="#testmap" id="image001" /> <map name="testmap" id="testmap"> <area shape="rect" coords="0,0,160,160" href="http://www.telegraaf.nl/" alt="De Telegraaf"/> <area shape="rect" coords="160,160,300,300" href="http://www.nrc.nl" alt="NRC" /> </map> </div> </body> </html>[/code:1:dd7690cae1] werkt met moz, ie & op7 het gebruikt een interne usemap wimb
Link naar reactie
Leuk bedacht opzich. Ik stonk er even in, of was het geen grap? :) Maar de echte dtd van xhtml 1.1 is natuurlijk deze "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd" En niet "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" [b:78432ebfc4]Edit: zie nu dat de gehele doctype verkeert is, dit is de goede[/b:78432ebfc4] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> -termin8or
Link naar reactie
Phrea voor de verticale balken aan de zijkanten had ik nog een verzoekje: left_bg.png en right_bg.png moeten samengevoegd worden tot bg.png. Tussen de twee plaatje moet een 720px lange balk komen. Aangezien het momenteel niet mogelijk is om meerdere achtergrondplaatje te gebruiken in css leek dit me de beste oplossing (en het scheelt weer een server-hit!!). Ik heb hier alleen maar paint en nog zo'n MS progje, dus dat schiet niet echt op, misschien kun jij hem even maken? -termin8or
Link naar reactie
En nu nog even iets ontopic: Ik denk dat wil je xhtml1.1 complient zijn, dat de modules dan ondersteunt moeten gaan worden en momenteel gebeurt dat niet. Dus ik denk dat het dan 1.0 strict wordt. In xhtml2.0 zijn er ook aparte modules voor images maps enz. en aangezien dat verdergaat op de modularisatie van xhtml1.1 denk ik dat deze optie er niet echt is. Maar voor een oplossing houd ik me altijd aanbevolen :) . -termin8or
Link naar reactie
[quote:14070632b9="termin8or"]Phrea voor de verticale balken aan de zijkanten had ik nog een verzoekje: [etc][/quote:14070632b9] Die zijkanten zijn ongelijk aan elkaar, en hou dat ook liever zo. Kan het niet zo zijn dat we dat wel in een tabelletje doen? Ik bedoel, niet de hele site hoeft perse uit css getrokken te worden toch? Met 1 klein tabelletje [dus echt slechts 1 tabelletje, geen genest verder] om alleen ff het designtje in te prakken [dan kan je wel meerdere bg's gebruiken in css bijv] moet kunnen, zo lijkt me, zijn we meteen van dat gedoe met die img map af.
Link naar reactie

Om een reactie te plaatsen, moet je eerst inloggen

Gast
Reageer op dit topic

×   Geplakt als verrijkte tekst.   Herstel opmaak

  Er zijn maximaal 75 emoji toegestaan.

×   Je link werd automatisch ingevoegd.   Tonen als normale link

×   Je vorige inhoud werd hersteld.   Leeg de tekstverwerker

×   Je kunt afbeeldingen niet direct plakken. Upload of voeg afbeeldingen vanaf een URL in

  • Populaire leden

    Er is nog niemand die deze week reputatie heeft ontvangen.

  • Leden

    Geen leden om te tonen

×
×
  • Nieuwe aanmaken...