HTML Map miért nem működik?
Készítettem egy weboldalon egy térképet, de a <map>-os megoldás nem akar működni. Szóval például körre működik a dolog, de ha így adok meg egy sokszöget akkor nem: <area shape="poly" coords="19,27,34,83,24,52,35,62" href="xy"> (koordinátákat csak random számot adtam meg itt).
Szóval nem akar működni ezzel a megoldással, kipróbáltam még a "poly" helyett a "default"-ot is de az sem működödtt. Ha átírom körre vagy négyzetre úgy működik a megfelelő koordinátákkal. Valaki tudja esetleg hogy sokszögnél miért nem működik?





Képpel ellátott példakódot tudnál prezentálni?
Akár valami ingyenes tárhelyre - atw, freeweb, tar.hu - feltöltve, akár képmegosztó oldal - imgur, imgbb, - és kódmegosztó portál - jsfiddle, codepen, jsbin - segítségével prezentálva?
<img src="files/map.jpg" usemap="#map" id="terkep">
<map name="map">
<area shape="poly" coords="655,398,700,420,733,327,703,267" href="index.php?oldal=k">
</map>





#3: Nem ez a lényeg, működés közben kéne látni, hogy MI nem működik - ezért javasoltam, hogy töltsd fel valahova.
A működést befolyásolhatja a kép mérete, a többi blokk elhelyezkedése, stb...





Width:auto nem lesz mindig jó mert a koordináták fixek.
Tehát ha más méreten nézed, jelenik meg, más felbontáson,
akkor megint el fog csúszni.
Miért nem SVG -vel oldod meg?
Ott a beállított méretek, koordináták az SVG -vel tartják magukat.
Tehát egy méretre megadod, utána dinamikusan méretezhetőek.
Kapcsolódó kérdések:
Minden jog fenntartva © 2025, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!