HTML : fichier identiques résultat différent
Bonjour,
je possède un site sur un hébergeur gratuit à grande injection de publicité ;) . Mon site fonctionne trés bien
J'ai décidé de passer l'hébergement chez mon fournisseur. J'ai fais un transfert "tel quel" des fichiers.
Alors là... La cata.. Plus rien ne fonctionne.
1°- Les images en fond ne s'affichent plus. J'ai pu "résoudre" pour les fonds de page, mais pas sur les layers (cadre)
2° -Les lien ne fonctionnent plus non plus.. Alors les fonction javascript c'est du domaine de la quatrième dimension .
donc....
AU SECOURS !!!!
Voici le site qui marche
http://supercigale.ifrance.com/Index.html
Voilà le site qui pue :
https://supercigale.pagesperso-orange.fr/index
Merci par avance
PS: les fichiers référencés dans les pages et layers sont préfixés avec "/" . et orange n'aime pas ça. J'ai pu résoudre le probleme pour les pages, mais pour les layers et les liens ça ne change rien.
je possède un site sur un hébergeur gratuit à grande injection de publicité ;) . Mon site fonctionne trés bien
J'ai décidé de passer l'hébergement chez mon fournisseur. J'ai fais un transfert "tel quel" des fichiers.
Alors là... La cata.. Plus rien ne fonctionne.
1°- Les images en fond ne s'affichent plus. J'ai pu "résoudre" pour les fonds de page, mais pas sur les layers (cadre)
2° -Les lien ne fonctionnent plus non plus.. Alors les fonction javascript c'est du domaine de la quatrième dimension .
donc....
AU SECOURS !!!!
Voici le site qui marche
http://supercigale.ifrance.com/Index.html
Voilà le site qui pue :
https://supercigale.pagesperso-orange.fr/index
Merci par avance
PS: les fichiers référencés dans les pages et layers sont préfixés avec "/" . et orange n'aime pas ça. J'ai pu résoudre le probleme pour les pages, mais pour les layers et les liens ça ne change rien.
8 réponses
-
Essayes avec des ./ au lieu des /
-
bonjour,
le problème viens de ton CCS !<!-- body { background-image: url(toile.jpg); background-repeat: repeat; background-color: #999966; margin-bottom: 350px; margin-right: 450px; } .Style3 { font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #000000; font-weight: bold; } .Style4 { font-family: Arial, Helvetica, sans-serif; font-size: 19px; font-weight: bold; } .Style5 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; } #Layer1 { position:absolute; width:1202px; height:907px; z-index:2; left: 5px; top: 9px; background-image: url(On%20the%20rock%20again%20toile.jpg); } #Layer2 { position:absolute; width:384px; height:540px; z-index:3; top: 338px; } #Layer3 { position:absolute; width:200px; height:115px; z-index:4; left: 10px; top: 884px; } --> </style>Le voici modifier, j'ai simplement supprimé le / devant les URL de tes images.
Fais un test et dis nous ce que ça fais.-
effectivement j'ai déjà essayé et ça marche pour les fonds de page (pour toile.jpg par exemple) mais en revanche pour les layers ça ne passe pas ex
celui qui marche
http://supercigale.ifrance.com/contes.html
celui qui part en choucroute
https://supercigale.pagesperso-orange.fr/contes.html
dans cet exemple, l'image de fond de page apparait bien mais celle du layer (carnet.jpg) n'apparait pas. ainsi que l'appel à la fonction javascript liée à chaque cellule du tableau utilisé comme menu.
Merci pour votre aide, c'est tres sympa
NB je bosse avec dreamWeaver 8 . Y-a-t-il moyen de lui faire comprendre d'enlever les "/" quand on référence un fichier ?
-
-
Modérateuron dit "merci" .... ?
b g -
Contributeursalut,
ton <iframe> est masquée…<iframe id="textDisplay" style="width: 800px; height: 600px; display: none;" src="" name="textDisplay">
et soit dit en passant, ton code est une vraie purée de pois, c'est normal que tu aies des soucis de mise en page ou de rendu. DW t'a pondu n'importe quoi comme code, c'est déjà bien que quelque chose s'affiche.
-
Bonjour Dalida..
Non la balise IFRAME marche très bien au contraire. C'est juste les les images des layers 1 et 2 qui ne s'affichent pas
cette balise : <iframe id="textDisplay" style="width: 800px; height: 600px; display: none;" src="" name="textDisplay">
fait appel à une fonction javascipt dans le header, pour afficher un texte dans le layer 2
Merci pour ta réponse ;)-
-
@DalidaEn fait, c'est au niveau des layers que les images ne s'affichent pas.. mais le fond de page classique d'une page s'affiche à condition de supprimer le /' devant le nom du fichier (alors que ca marche tres bien sur le site avec pub ? )
Merci pour ton aide Mathieu -
Contributeur@Idemça doit encore être un problème d'adresse relative.
fais un essai sur une image en mettant l'adresse absolue (entière), du genre "http://www.site.tld/repertoire/image.png"
si cela fonctionne c'est que c'est bien de là que vient le problème.
-
@DalidaPas mieux... je ne pense pas ce cela vienne de la définition du chemin de l'image.
-
Contributeur@Idemc'est quelle ligne dans le HTML (suis feignant aussi…)
-
-
pour le layer d'en-tete de page
#Layer1 {
position:absolute;
width:1200;
height:300;
z-index:1;
background-image: url(OTRAcontes.gif);
Pour le layer juste à coté du menu (avant de cliquer sur les options)
#Layer2 {
position:absolute;
width:800;
height:600;
z-index:2;
left: 379px;
top: 342px;
background-image: url(carnet.jpg); -
Contributeurdans la version en ligne, les URL indiquées sont fausses (http://pagesperso-orange.fr/supercigale/contes/OTRAcontes.gif et http://pagesperso-orange.fr/supercigale/contes/carnet.jpg).
elles renvoient des 404, donc ça ne peut pas afficher ton image.
-
Contributeurcomme le <div> est vide il lui faut des dimensions fixes pour s'afficher.
avec ça, ça fonctionne :#Layer2 {) background-image:url(carnet.jpg); height:600px; left:379px; position:absolute; top:342px; width:800px; z-index:2; }-
-
Contributeur@itemtant qu'à toucher aux 20 pages, mets en place une feuille de style, tu n'auras plus qu'un fichier à modifier pour tout le site…
bon courage pour la suite !
-
