Affichage page HTML sous Chrome, Explorer, et Firefox

Fermé
CedNad8 Messages postés 13 Date d'inscription vendredi 7 mars 2014 Statut Membre Dernière intervention 10 mars 2014 - 7 mars 2014 à 20:55
CedNad8 Messages postés 13 Date d'inscription vendredi 7 mars 2014 Statut Membre Dernière intervention 10 mars 2014 - 7 mars 2014 à 22:36
Bonjour à tous,

Etant novice en HTML, je viens de créer une page qui s'affiche très bien sous Chrome et Explorer.

Malheureusement, au sein de ma page, j'ai un fichier PDF et une image JPEG qui ne s'affichent pas avec Firefox.

Comment être sûr que ma page est bien visible avec tous les navigateurs (voire même avec Safari) ??

Merci d'avance, c'est important !
A voir également:

2 réponses

ElementW Messages postés 4816 Date d'inscription dimanche 12 juin 2011 Statut Contributeur Dernière intervention 5 octobre 2021 1 225
Modifié par gravgun le 7/03/2014 à 20:57
'lut, ton JPEG, tu le charges bien avec un
<img src="monimage.jpeg" />
, non?
Et comment as-tu fait pour intégrer ton PDF dans ta page?
from human import idiocy
del idiocy
0
CedNad8 Messages postés 13 Date d'inscription vendredi 7 mars 2014 Statut Membre Dernière intervention 10 mars 2014
7 mars 2014 à 21:02
Voici mon code, ça t'aidera surement :

<!DOCTYPE html>

<html>

<head>

<title>MON_TITRE</title>

<style type="text/css">

body {
background-image:url("snow3.jpg");
heigth:100%;
background-size:cover;
}

#monpdf {
position: relative;
left: 35%;
width:667px;
height:550px;
}

</style>

</head>

<body>

<img src="MON_IMAGE.jpg">

<div id="monpdf">
<iframe src="MON_FICHIER.pdf"></iframe>
</div>

</body>

</html>
0
ElementW Messages postés 4816 Date d'inscription dimanche 12 juin 2011 Statut Contributeur Dernière intervention 5 octobre 2021 1 225
Modifié par gravgun le 7/03/2014 à 21:10
Pour le JPEG, ça devrait marcher pourtant... Si tu ouvres la page sur ton PC (pas sur un serveur, local ou non), c'est probablement la raison (les paramètres de sécurité de Firefox empêchent l'utilisation de fichiers qui viennent directement de ton PC).
Pour ce qui est de l'Iframe avec le PDF, fait demi-tour: c'est "pas bien" de faire ça.
Si tu veux intégrer un PDF de manière portable (inter-navigateur) avec une solution pour ceux qui n'ont pas de plugin qui prend en charge l'intégration d'un PDF, utilise ceci:
<div id="monpdf"> 
<object data="MON_FICHIER.pdf" type="application/pdf">
Le fichier PDF n'a pas pu s'intégrer dans cette page; a défaut, vous pouvez <a href="MON_FICHIER.pdf">télécharger le fichier</a>.
</object>
</div>
0
CedNad8 Messages postés 13 Date d'inscription vendredi 7 mars 2014 Statut Membre Dernière intervention 10 mars 2014
7 mars 2014 à 21:17
Ok, je viens d'essayer et je comprends le principe ! Merci
Mais je vais bientôt faire héberger la page web, le problème ne devrait plus être un souci, non ?
0
CedNad8 Messages postés 13 Date d'inscription vendredi 7 mars 2014 Statut Membre Dernière intervention 10 mars 2014
7 mars 2014 à 21:28
En gros, est ce que mon hébergeur (de type oneAndone) me proposera une méthode pour charger les documents qui sont aujourd'hui en local ?
0
ElementW Messages postés 4816 Date d'inscription dimanche 12 juin 2011 Statut Contributeur Dernière intervention 5 octobre 2021 1 225
7 mars 2014 à 22:01
Oui, il suffira de les envoyer par FTP sur ton site; quand tu auras envoyé ton JPG, ton PDF et ta page, tout devrait marcher normalement.
Si tu veux tester en local, sans envoyer sur un hébergeur (pour tester avant l'envoi), tu peux installer un logiciel style WampServer pour héberger un serveur Web sur ton PC.
0
bg62 Messages postés 23590 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 15 avril 2024 2 362
7 mars 2014 à 22:05
Malheureusement, au sein de ma page, j'ai un fichier PDF et une image JPEG qui ne s'affichent pas avec Firefox. 
donc = gros problèmes dès le départ !!!
essaie en premier lieu de faire au plus simple : partir d'un template RWD compatible avec tous les navigateurs, une fois ok, là tu pourras voir pour l'intégration AMIS plutôt pour y mettre des liens vers le 'pdf' pour les images cela ne posera aucun problème:)
0