Partage

Image mappé

Sujet résolu
13 novembre 2017 à 19:49:08

Bonsoir,

J'essaye de mapper une image : 
<p>

	<img src="fond.png" height="100" width="100" usemap="#ma_map" alt="image"/>

	</p>

	<p>
		
		<map name="ma_map" id="mon_id">

			<area shape="poly" coords="126,199 162,171 194,159 243,153 286,160 343,185 385,227 409,291 408,359 403,375 320,407 262,487 217,488 146,461 88,390 71,295 101,222 126,199" href="https://dev-21700050.users.info.unicaen.fr/SiteWeb/Accueil.html" alt=""/>

			<area shape="poly" coords="477,257 506,209 557,170 644,151 701,172 745,197 773,233 788,277 798,317 798,344 794,361 788,374 757,386 725,400 707,415 690,435 678,450 667,471 662,485 652,487 626,487 614,487 604,474 588,453 575,433 564,415 541,404 528,397 507,388 479,378 474,373 466,341 465,311 463,277 470,270 477,257" href="https://dev-21700050.users.info.unicaen.fr/SiteWeb/Pages/Page1.html" alt=""/>

			<area shape="poly" coords="873,246 899,206 936,170 955,167 1002,155 1018,155 1054,158 1072,161 1091,168 1116,185 1130,195 1146,214 1161,238 1176,268 1181,289 1184,324 1184,354 1176,385 1166,411 1153,433 1128,457 1095,473 1067,485 1035,492 1014,493 1004,486 999,469 975,438 960,425 937,401 921,392 889,380 874,375 861,366 855,345 853,321 853,290 857,266 862,253 873,246" href="https://dev-21700050.users.info.unicaen.fr/SiteWeb/Pages/Page2.html" alt=""/>

			<area shape="poly" coords="419,387 410,414 396,444 371,459 339,483 319,496 296,503 274,509 263,524 268,542 263,577 267,603 276,630 284,657 293,673 307,683 316,690 345,708 369,714 396,725 428,728 460,729 490,723 513,712 538,693 558,675 572,649 582,625 591,600 601,582 604,554 603,541 601,521 597,508 573,504 547,500 527,492 506,474 495,459 480,435 470,415 460,397 455,390 438,391 419,387" href="https://dev-21700050.users.info.unicaen.fr/SiteWeb/Pages/Page3.html" alt=""/>

			<area shape="poly" coords="679,506 665,552 665,583 672,613 684,644 697,665 720,695 749,712 790,724 826,730 859,732 895,725 932,708 956,689 977,655 992,623 1001,595 1006,568 1008,539 998,514 973,502 938,495 916,480 884,457 873,437 851,401 841,388 814,390 803,396 795,416 783,442 745,469 719,486 690,498 679,506" href="https://dev-21700050.users.info.unicaen.fr/SiteWeb/Pages/Page4.html" alt=""/>

		</map>

	</p>

Et cela ne fonctionne pas : Lorsque je lance mon site, aucune image n'est affiché, il a juste le mot image, qui correspond au alt.

Merci d'avoir lu,

EDIT :

Rebonsoir,

J'avais oublié le W3C...

Bref, je vous redonne mon code mais validé au W3C cette fois-ci :)

Il est validé mais l'image ne s'affiche toujours pas... 

<p>

	<img src="fond.png" height="100" width="100" usemap="#ma_map" alt="image"/>

	</p>

	<p>
		
		<map name="ma_map" id="ma_map">

			<area shape="poly" coords="126,199,162,171,194,159,243,153,286,160,343,185,385,227,409,291,408,359,403,375,320,407,262,487,217,488,146,461,88,390,71,295,101,222,126,199" href="https://dev-21700050.users.info.unicaen.fr/SiteWeb/Accueil.html" alt="a"/>

			<area shape="poly" coords="477,257,506,209,557,170,644,151,701,172,745,197,773,233,788,277,798,317,798,344,794,361,788,374,757,386,725,400,707,415,690,435,678,450,667,471,662,485,652,487,626,487,614,487,604,474,588,453,575,433,564,415,541,404,528,397,507,388,479,378,474,373,466,341,465,311,463,277,470,270,477,257" href="https://dev-21700050.users.info.unicaen.fr/SiteWeb/Pages/Page1.html" alt="b"/>

			<area shape="poly" coords="873,246,899,206,936,170,955,167,1002,155,1018,155,1054,158,1072,161,1091,168,1116,185,1130,195,1146,214,1161,238,1176,268,1181,289,1184,324,1184,354,1176,385,1166,411,1153,433,1128,457,1095,473,1067,485,1035,492,1014,493,1004,486,999,469,975,438,960,425,937,401,921,392,889,380,874,375,861,366,855,345,853,321,853,290,857,266,862,253,873,246" href="https://dev-21700050.users.info.unicaen.fr/SiteWeb/Pages/Page2.html" alt="c"/>

			<area shape="poly" coords="419,387,410,414,396,444,371,459,339,483,319,496,296,503,274,509,263,524,268,542,263,577,267,603,276,630,284,657,293,673,307,683,316,690,345,708,369,714,396,725,428,728,460,729,490,723,513,712,538,693,558,675,572,649,582,625,591,600,601,582,604,554,603,541,601,521,597,508,573,504,547,500,527,492,506,474,495,459,480,435,470,415,460,397,455,390,438,391,419,387" href="https://dev-21700050.users.info.unicaen.fr/SiteWeb/Pages/Page3.html" alt="d"/>

			<area shape="poly" coords="679,506,665,552,665,583,672,613,684,644,697,665,720,695,749,712,790,724,826,730,859,732,895,725,932,708,956,689,977,655,992,623,1001,595,1006,568,1008,539,998,514,973,502,938,495,916,480,884,457,873,437,851,401,841,388,814,390,803,396,795,416,783,442,745,469,719,486,690,498,679,506" href="https://dev-21700050.users.info.unicaen.fr/SiteWeb/Pages/Page4.html" alt="e"/>

		</map>

	</p>



-
Edité par ThomasFillion1 13 novembre 2017 à 21:41:49

Image mappé

× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
  • Editeur
  • Markdown