Html 5

Résolu/Fermé
ghiska03 - Modifié par baladur13 le 11/11/2016 à 14:47
SKYMWebDev Messages postés 162 Date d'inscription jeudi 10 novembre 2016 Statut Membre Dernière intervention 14 février 2018 - 12 nov. 2016 à 12:24
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

Réponse 1 / 2
SKYMWebDev Messages postés 162 Date d'inscription jeudi 10 novembre 2016 Statut Membre Dernière intervention 14 février 2018 176
12 nov. 2016 à 12:24
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
Réponse 2 / 2
NHenry Messages postés 15214 Date d'inscription vendredi 14 mars 2003 Statut Modérateur Dernière intervention 16 avril 2025 363
11 nov. 2016 à 15:19
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é.
0

Discussions similaires

Voxbone ? qui est-ce ?
fanfan54 -
djakool4 -

158 réponses
la balise <br> ou <br />
faamugol -
rwaness -

8 réponses
<br> ou <br /> ou </br>
corentin.93 -
jessy006 -

11 réponses
Espace en HTML
baissaoui -
baissaoui -

0 réponse
generateur de combinaison du loto 5/90
Riccilo -
ccm81 -

3 réponses