Html 5 [Résolu/Fermé]

Signaler
-
SKYMWebDev
Messages postés
166
Date d'inscription
jeudi 10 novembre 2016
Statut
Membre
Dernière intervention
8 juillet 2018
-
Bonjour,

Je suis en train d'écrire un code en html et arrivé sur l'insertion d'une image nommée carte.png qui se trouve dans un dossier "Quiz jeu des pays" sur le bureau, limage ne s'affiche dans les différents navigateurs que j'utilise. Pour faire simple, je vous donne le code html:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Quiz sur les pays</title>
<link rel="stylesheet" media="screen" href="styles.css" type="text/css"/>
</head>
<body>

<!-- Titre -->
<div id="titre"></div>

<!-- Listes déroulantes -->
<form id="listes" name="listes"><span id="numero1">1</span>
<select name="liste1">
    <option value="">Choisir...</option>
    <option value="Afghanistan">Afghanistan</option>
    <option value="Azerbaïdjan">Azerbaïdjan</option>
    <option value="Kirghizistan">Kirghizistan</option>
    <option value="Pakistan">Pakistan</option>
    <option value="Tadjikistan">Tadjikistan</option>
    <option value="Turkménistan">Turkménistan</option>
    <option value="Ouzbékistan">Ouzbékistan</option>
</select><br>
  <span id="numero2">2</span>
<select name="liste2">
    <option value="">Choisir...</option>
    <option value="Afghanistan">Afghanistan</option>
    <option value="Azerbaïdjan">Azerbaïdjan</option>
    <option value="Kirghizistan">Kirghizistan</option>
    <option value="Pakistan">Pakistan</option>
    <option value="Tadjikistan">Tadjikistan</option>
    <option value="Turkménistan">Turkménistan</option>
    <option value="Ouzbékistan">Ouzbékistan</option>
</select><br>
   <span id="numero3">3</span>
<select name="liste3">
    <option value="">Choisir...</option>
    <option value="Afghanistan">Afghanistan</option>
    <option value="Azerbaïdjan">Azerbaïdjan</option>
    <option value="Kirghizistan">Kirghizistan</option>
    <option value="Pakistan">Pakistan</option>
    <option value="Tadjikistan">Tadjikistan</option>
    <option value="Turkménistan">Turkménistan</option>
    <option value="Ouzbékistan">Ouzbékistan</option>
</select><br>
 <span id="numero4">4</span>
<select name="liste4">
    <option value="">Choisir...</option>
    <option value="Afghanistan">Afghanistan</option>
    <option value="Azerbaïdjan">Azerbaïdjan</option>
    <option value="Kirghizistan">Kirghizistan</option>
    <option value="Pakistan">Pakistan</option>
    <option value="Tadjikistan">Tadjikistan</option>
    <option value="Turkménistan">Turkménistan</option>
    <option value="Ouzbékistan">Ouzbékistan</option>
</select><br>
<span id="numero5">5</span>
<select name="liste5">
    <option value="">Choisir...</option>
    <option value="Afghanistan">Afghanistan</option>
    <option value="Azerbaïdjan">Azerbaïdjan</option>
    <option value="Kirghizistan">Kirghizistan</option>
    <option value="Pakistan">Pakistan</option>
    <option value="Tadjikistan">Tadjikistan</option>
    <option value="Turkménistan">Turkménistan</option>
    <option value="Ouzbékistan">Ouzbékistan</option>
</select><br>
<span id="numero6">6</span>
<select name="liste6">
    <option value="">Choisir...</option>
    <option value="Afghanistan">Afghanistan</option>
    <option value="Azerbaïdjan">Azerbaïdjan</option>
    <option value="Kirghizistan">Kirghizistan</option>
    <option value="Pakistan">Pakistan</option>
    <option value="Tadjikistan">Tadjikistan</option>
    <option value="Turkménistan">Turkménistan</option>
    <option value="Ouzbékistan">Ouzbékistan</option>
</select><br>
<span id="numero7">7</span>
<select name="liste7">
    <option value="">Choisir...</option>
    <option value="Afghanistan">Afghanistan</option>
    <option value="Azerbaïdjan">Azerbaïdjan</option>
    <option value="Kirghizistan">Kirghizistan</option>
    <option value="Pakistan">Pakistan</option>
    <option value="Tadjikistan">Tadjikistan</option>
    <option value="Turkménistan">Turkménistan</option>
    <option value="Ouzbékistan">Ouzbékistan</option>
</select><br>
</form>

<!-- Carte -->
<div id="carte"><img src="Quiz jeu des pays/carte.png" height="328"></div>

<!-- Boutons -->
<div id="boutons">
     <input type="submit" name="boutonReset" id="boutonReset" VALUE="Reset" onclick="fonctionReset()"/>
     <input type="submit" name="boutonValider" id="boutonValider" VALUE="Valider" onclick="fonctionValider()"/>
</div>

<!-- Code JS -->
<script src="code.js"></script>

</body>
</html>

Je veux pouvoir afficher la carte.png dans les navigateurs.
Veuillez m'aider svp.
Merci
EDIT : Ajout des balises de code (la coloration syntaxique).
Explications disponibles ici : ICI

Merci d'y penser dans tes prochains messages.

2 réponses

Messages postés
166
Date d'inscription
jeudi 10 novembre 2016
Statut
Membre
Dernière intervention
8 juillet 2018
82
Bonjour,
Déja le fichier "carte.png" se trouve-t-il bien dans le dossier ?
Sinon au lieu de nommer le dossier "Quiz jeu des pays" nommez le plutôt "Quiz_jeu_des_pays" (n'oubliez pas de changer le nom dans le code...).
Cordialement,

SKYMWebDev
1
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 79660 internautes nous ont dit merci ce mois-ci

Messages postés
14617
Date d'inscription
vendredi 14 mars 2003
Statut
Modérateur
Dernière intervention
14 janvier 2020
197
Est-ce que le fichier est bien présent dans le bon dossier ?
"Quiz jeu des pays/carte.png"
(Soit dans un dossier "Quiz jeu des pays" qui se trouve dans le même dossier que la page.

De base on évite les noms avec des caractères spéciaux et des espaces, question de lisibilité/compatibilité.