Image s'affichant pas sous IE et Firefox.
Fermé
Kev1008
-
11 mars 2013 à 18:47
inspiring Messages postés 1813 Date d'inscription vendredi 28 janvier 2011 Statut Membre Dernière intervention 31 décembre 2018 - 11 mars 2013 à 21:28
inspiring Messages postés 1813 Date d'inscription vendredi 28 janvier 2011 Statut Membre Dernière intervention 31 décembre 2018 - 11 mars 2013 à 21:28
A voir également:
- Image s'affichant pas sous IE et Firefox.
- Image iso - Guide
- Acronis true image - Télécharger - Sauvegarde
- Video downloadhelper firefox - Télécharger - Outils pour navigateurs
- Google payment ie ltd - Forum Consommation & Internet
- Faststone image viewer - Télécharger - Visionnage & Diaporama
12 réponses
epitale
Messages postés
3942
Date d'inscription
jeudi 5 février 2009
Statut
Membre
Dernière intervention
27 octobre 2017
915
11 mars 2013 à 18:55
11 mars 2013 à 18:55
bonsoir Kev1008,
peut etre pourrais tu écrires le code que tu as fais, du moins les partie html et CSS qui corresponde a l'intégration des images
--
peut etre pourrais tu écrires le code que tu as fais, du moins les partie html et CSS qui corresponde a l'intégration des images
--
Une parti du code html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Les passions de Kevin</title>
<!-- Feuille par défaut -->
<link rel="stylesheet" href="ISN2.css" type="test/css" media="all">
</head>
<body>
<div id="body">
<div id="ConteneurSite">
<div id="bordur-entete">
<div id="En-tete">
<h1>Bienvenu(e) sur le site de Kevin !</h1>
</div>
</div>
<h2>Mon sport favori: le basket-ball !</h2>
<div id="photo-article">
<div id="image-pre">
<img src="FFBB_2010.png" width="112" height="129" title="Logo de la FFBB" alt="Logo de la FFBB" name="Logo de la FFBB">
</div>
<div id="bordur-pre">
<h3>Présentation du site</h4>
<div id="pre-text">
<p>Ce site vous présente les activitées et passions de moi-même: Kevin Cadot.<br>
Il permet de faire partager mes activitées par exemple la basket-ball, la musique électronque ...
Bonne visite !
</div>
</div>
</div>
<div id ="article">
<div id="title1">
<h4>Présentation du basket-ball</h4>
</div>
Parti du code css:
/* Conteneur site */
#body
{
background-image: url(Fond/dark_wood.png);
}
#ConteneurSite
{
margin: 0 auto ;
width: 50% ;
border: 1px solid #103176;
background-image: url(Fond/wood_pattern.png) ;
}
#bordur-entete
{
padding: 0.1% ;
Background-Color: #3685a5 ;
border:1px solid red;
border-radius:10px;
}
Merci de m'aidez :D
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Les passions de Kevin</title>
<!-- Feuille par défaut -->
<link rel="stylesheet" href="ISN2.css" type="test/css" media="all">
</head>
<body>
<div id="body">
<div id="ConteneurSite">
<div id="bordur-entete">
<div id="En-tete">
<h1>Bienvenu(e) sur le site de Kevin !</h1>
</div>
</div>
<h2>Mon sport favori: le basket-ball !</h2>
<div id="photo-article">
<div id="image-pre">
<img src="FFBB_2010.png" width="112" height="129" title="Logo de la FFBB" alt="Logo de la FFBB" name="Logo de la FFBB">
</div>
<div id="bordur-pre">
<h3>Présentation du site</h4>
<div id="pre-text">
<p>Ce site vous présente les activitées et passions de moi-même: Kevin Cadot.<br>
Il permet de faire partager mes activitées par exemple la basket-ball, la musique électronque ...
Bonne visite !
</div>
</div>
</div>
<div id ="article">
<div id="title1">
<h4>Présentation du basket-ball</h4>
</div>
Parti du code css:
/* Conteneur site */
#body
{
background-image: url(Fond/dark_wood.png);
}
#ConteneurSite
{
margin: 0 auto ;
width: 50% ;
border: 1px solid #103176;
background-image: url(Fond/wood_pattern.png) ;
}
#bordur-entete
{
padding: 0.1% ;
Background-Color: #3685a5 ;
border:1px solid red;
border-radius:10px;
}
Merci de m'aidez :D
Salut, je ne sait pas si c'est ça mais c'est à essayer et en tout cas une bonne habitude à prendre du moins sur le web:
Pas de majuscule dans les noms de fichiers et dossiers. Tout en minuscule certains navigateurs/serveur web ne vont soit pas en tenir soit vous allez perdre un temps fou à chercher une erreur quand il faudra en tenir compte et que vous avez une minuscule à la place de la majuscule.
Exemple ici:
background-image: url(Fond/wood_pattern.png) ;
Essayez
background-image: url(fond/wood_pattern.png) ;
et bien sûr le dossier à la racine doit être écrit pareil; ici ce n'est pas de la prose.
Et ici:
img src="FFBB_2010.png"
doit être remplacé par
img src="ffb_2010.png"
le fichier sur l'hébergeur aussi.
Prenez cette habitude (les minuscules uniquement)car c'est quand ça arrive(et ça m'est arrivé) assez frustrant de bloquer sur une telle chose, surtout que ça peut bloquer longtemps(moi c'était un nom de dossier en majuscule sur le serveur et j'ai perdu 2 jours à chercher).
La sensibilité à la casse (majuscule/minuscule) n'est pas censé exister sur le web mais en réalité comme expliqué plus haut cela va dépendre des navigateurs et serveurs web.
Pas de majuscule dans les noms de fichiers et dossiers. Tout en minuscule certains navigateurs/serveur web ne vont soit pas en tenir soit vous allez perdre un temps fou à chercher une erreur quand il faudra en tenir compte et que vous avez une minuscule à la place de la majuscule.
Exemple ici:
background-image: url(Fond/wood_pattern.png) ;
Essayez
background-image: url(fond/wood_pattern.png) ;
et bien sûr le dossier à la racine doit être écrit pareil; ici ce n'est pas de la prose.
Et ici:
img src="FFBB_2010.png"
doit être remplacé par
img src="ffb_2010.png"
le fichier sur l'hébergeur aussi.
Prenez cette habitude (les minuscules uniquement)car c'est quand ça arrive(et ça m'est arrivé) assez frustrant de bloquer sur une telle chose, surtout que ça peut bloquer longtemps(moi c'était un nom de dossier en majuscule sur le serveur et j'ai perdu 2 jours à chercher).
La sensibilité à la casse (majuscule/minuscule) n'est pas censé exister sur le web mais en réalité comme expliqué plus haut cela va dépendre des navigateurs et serveurs web.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
epitale
Messages postés
3942
Date d'inscription
jeudi 5 février 2009
Statut
Membre
Dernière intervention
27 octobre 2017
915
11 mars 2013 à 19:15
11 mars 2013 à 19:15
fais attention ;
<h3>Présentation du site</h4> => </h3>
<p>Ce site vous présente => balise jamais fermé
quelle images ne s'affiche pas ?
--
<h3>Présentation du site</h4> => </h3>
<p>Ce site vous présente => balise jamais fermé
quelle images ne s'affiche pas ?
--
Erreurs corrigées.
Les images de fond:
#body
{
background-image: url(fond/dark_wood.png);
}
#ConteneurSite
{
margin: 0 auto ;
width: 50% ;
border: 1px solid #103176;
background-image: url(fond/wood_pattern.png) ;
}
Et puis la couleur des texte, etc. Meme la structure.
C'est comme si juste un simple fichier html était exécuté sans feuille de style.
A croire que internet explorer et firefox ne lise pas le code css.
Les images de fond:
#body
{
background-image: url(fond/dark_wood.png);
}
#ConteneurSite
{
margin: 0 auto ;
width: 50% ;
border: 1px solid #103176;
background-image: url(fond/wood_pattern.png) ;
}
Et puis la couleur des texte, etc. Meme la structure.
C'est comme si juste un simple fichier html était exécuté sans feuille de style.
A croire que internet explorer et firefox ne lise pas le code css.
epitale
Messages postés
3942
Date d'inscription
jeudi 5 février 2009
Statut
Membre
Dernière intervention
27 octobre 2017
915
Modifié par epitale le 11/03/2013 à 19:44
Modifié par epitale le 11/03/2013 à 19:44
ton ISN2.css renome le sans majuscules, appel le sans majuscules
met ton #body width 100%
sur ton serveur range bien tes fichiers, crée des dossier (css et images)
<link rel="stylesheet" href="css/isn2.css" type="test/css" media="all">
dans ton .css
background-image: url(../images/fond/dark_wood.png);
une de tes div n'est pas fermé,
ta div article body et contenersite ne devraient elle pas plutot se fermer après ta div article
met ton #body width 100%
sur ton serveur range bien tes fichiers, crée des dossier (css et images)
<link rel="stylesheet" href="css/isn2.css" type="test/css" media="all">
dans ton .css
background-image: url(../images/fond/dark_wood.png);
une de tes div n'est pas fermé,
ta div article body et contenersite ne devraient elle pas plutot se fermer après ta div article
Toutes mes div sont fermées.
J'ai suivi toutes vos manipulations mais rien y fait: toujours le même probléme :(
Mon site n'est pas en ligne mais il est sur mon disque dur si ça peut aidé.
L'outil de développement firefox marque : "[20:06:21,970] L'encodage de caractères du document HTML n'a pas été déclaré. Le document sera affiché avec des caractères incorrects pour certaines configurations de navigateur si le document contient des caractères en dehors de la plage US-ASCII. L'encodage de caractères de la page doit être déclaré dans le document ou dans le protocole de transfert. @ file:///C:/Users/cass-kev/Desktop/ISN/ISN2.html"
J'ai suivi toutes vos manipulations mais rien y fait: toujours le même probléme :(
Mon site n'est pas en ligne mais il est sur mon disque dur si ça peut aidé.
L'outil de développement firefox marque : "[20:06:21,970] L'encodage de caractères du document HTML n'a pas été déclaré. Le document sera affiché avec des caractères incorrects pour certaines configurations de navigateur si le document contient des caractères en dehors de la plage US-ASCII. L'encodage de caractères de la page doit être déclaré dans le document ou dans le protocole de transfert. @ file:///C:/Users/cass-kev/Desktop/ISN/ISN2.html"
epitale
Messages postés
3942
Date d'inscription
jeudi 5 février 2009
Statut
Membre
Dernière intervention
27 octobre 2017
915
11 mars 2013 à 20:14
11 mars 2013 à 20:14
dans ton <head> ajoute
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
pour déclarer les caractères
tes images sont de quelle tailles ? peut etre il y a besoin de les répeter
background-repeat: repeat;
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
pour déclarer les caractères
tes images sont de quelle tailles ? peut etre il y a besoin de les répeter
background-repeat: repeat;
Aprés la déclaration des caractéres, des symboles (extra-terrestre :p) bizzard ont apparus à la place des é par exemple.
Dans google chrome, tout marche à merveille sauf sous IE et Firefox (peut-etre d'autres navigateurs ...).
Dans les autres navigateurs, c'est comme si j'avais mis aucun css c'est à dire qui a pas de mise en forme (on voit pas les "boîte"), les position des textes sont incorrecte, il y a aucune couleur bref c'est comme si c'était un simple fichier html nu ... :(
Les images ne sont pas la cause car j'ai testé sans, c'est toujours pareille :(
Dans google chrome, tout marche à merveille sauf sous IE et Firefox (peut-etre d'autres navigateurs ...).
Dans les autres navigateurs, c'est comme si j'avais mis aucun css c'est à dire qui a pas de mise en forme (on voit pas les "boîte"), les position des textes sont incorrecte, il y a aucune couleur bref c'est comme si c'était un simple fichier html nu ... :(
Les images ne sont pas la cause car j'ai testé sans, c'est toujours pareille :(
epitale
Messages postés
3942
Date d'inscription
jeudi 5 février 2009
Statut
Membre
Dernière intervention
27 octobre 2017
915
11 mars 2013 à 20:33
11 mars 2013 à 20:33
dans ton head, mais ton css dans
<style>
</style> (le chemin des images ne sera peut etre pas le meme)
<style>
</style> (le chemin des images ne sera peut etre pas le meme)
Excusez moi, je me suis tromper ça marche :D
Pourquoi avec un fichier css "externe", le site marche pas ?
Pourquoi avec un fichier css "externe", le site marche pas ?
J'ai résolue le probléme en changeant la ligne
<link rel="stylesheet" href="css/habillage.css" type="test/css" media="all">
en
<link rel="stylesheet" href="css/habillage.css" />
Et tout marche sur tout les navigateurs sauf un petit probléme sur explorer que je pense le résoudre assez vite.
Merci beaucoup :D
<link rel="stylesheet" href="css/habillage.css" type="test/css" media="all">
en
<link rel="stylesheet" href="css/habillage.css" />
Et tout marche sur tout les navigateurs sauf un petit probléme sur explorer que je pense le résoudre assez vite.
Merci beaucoup :D
inspiring
Messages postés
1813
Date d'inscription
vendredi 28 janvier 2011
Statut
Membre
Dernière intervention
31 décembre 2018
265
11 mars 2013 à 21:28
11 mars 2013 à 21:28
pense à vider les caches et historiques de tes navigateurs, ca peut fausser tes vérifications sinon
