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.

A voir également:

Html 5
Editeur html - Télécharger - HTML
Espace en html - Astuces et Solutions
Espace html ✓ - Forum Webmastering
5 bips au démarrage hp ✓ - Forum Matériel & Système
Réglage montre kalenji 5 atm waterproof - Forum Accessoires & objets connectés

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

Réponse 2 / 2

NHenry Messages postés 15196 Date d'inscription vendredi 14 mars 2003 Statut Modérateur Dernière intervention 11 mars 2025 354
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é.

Discussions similaires

Voxbone ? qui est-ce ?

la balise ou

ou ou

Espace HTML

generateur de combinaison du loto 5/90