5077 sujets

Sémantique web et HTML

Bonjour,

J'essaie de codé un petit jeu de piste en [/html/htmlintro.php3 html] pour un cour de web art, mais manque de chance dès le debut je suis heurté a un problème bête que je ne résous pas! Je veux utiliser une image clickable, je me suis aidé de Dreamwaever pour les coordonnées, j'ai mis le nom de mes pages correspondante (qui sont dans le meme dossier sur mon ordinateur) dans le href, quand j'ouvre la page et que je passe la sourie dessus j'ai une souri qui veux cliquer mais rien ce passe! Ai-je fait une erreur de debutant dans mon code?


<!doctype html>
<!DOCTYPE html>
<html>
<head>
	<title>TallinnGame</title>
	<meta charset="UTF-8">
</head>
<body>

     <body style="background-color: #252526 ;">
     
<div style="text-align: center">


<img src="image/mapbackground.png" alt="" width="1066" height="752" usemap="#Map"/>
<map name="Map">
  <area shape="rect" coords="473,535,590,583" href="img1.html">
  <area shape="rect" coords="960,35,982,52" href="indexee.html">
  <area shape="rect" coords="993,36,1015,52" href="index.html">
  <area shape="rect" coords="1027,37,1046,54" href="indexfr.html">
</map>
</div>


</body>
</html>




Modifié par Raphael (14 Nov 2019 - 10:39)
Bonjour yungarchy,

La syntaxe semble être bonne... il manque néanmoins les alt sur tes balises area (pour l'accessibilité) et tu as un !doctype et une balise body en trop.

Essaie déjà de mettre un lien externe sous cette forme href="http://...." pour voir si cela fonctionne sans vouloir pointer vers un de tes fichiers en local Smiley smile .
J'ai fini par trouver comme un grand il manquait les /> en fin de ligne de chaque <area ...
Meilleure solution