Html 5

Résolu

ghiska03 -
SKYMWebDev Messages postés 162 Date d'inscription Statut Membre Dernière intervention - 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.

Afficher la suite

A voir également:

Html 5
Editeur html - Télécharger - HTML
Tableau de combinaison loto 5/90 - Forum Excel
Glary utilities 5 - Télécharger - Nettoyage
Kyle xy saison 5 ✓ - Forum Cinéma / Télé
Espace html ✓ - Forum HTML

2 réponses

Réponse 1 / 2

SKYMWebDev Messages postés 162 Date d'inscription Statut Membre Dernière intervention 176

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 15219 Date d'inscription Statut Modérateur Dernière intervention 365

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 ?

Votre réponse

Discussions similaires