Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

[xhtml1.1] client-sided image-maps

Phrea
10 antwoorden
  • 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
  • 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
  • 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
  • 1.0 strict zou natuurlijk een optie kunnen zijn, daarmee valideert het prima en zal het ook wel werken. Maar dan moet je overal het id en het name attribuut gaan gebruiken en meer van dat soort dingen.

    -termin8or
  • Haha, termin8or; ur cool. :D
    * Phrea is ernstig blij met de hulp.

    Helaas heeft het schijnbaar nogal haast, het moet voor het einde van de week helemaal klaar zijn [ask Sabine :D ].
  • 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
  • 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
  • [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.
  • [i:c9ef6667ba]/* Strijkt over zijn hart en kan zich vinden in een dergelijke oplossing… */ [/i:c9ef6667ba]:D

    - Bas
  • [img:a6c0799199]http://www.annevankesteren.nl/ctt/images/left_bg.png[/img:a6c0799199]— balk hier (720px lang transparant) — [img:a6c0799199]http://www.annevankesteren.nl/ctt/images
    ight_bg.png[/img:a6c0799199]

    Ik zie het probleem niet hoor, of is dat er wel?

    -termin8or

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.