Déformations de figures et autres ( iweb 6 )

T

titihima

Membre confirmé
16 Mars 2009
23
0
Bonjour à tous !

me revoilà avec 1 nouveau problème..(parmi d'autres !!)

Je publie mon site dans 1 dossier local et je choisis de visiter le site avant de le transférer par ftp.

Mon site présente alors de nombreuses déformations trés génantes, voici le code source de ma 2e page pour ex , les "bulles" sont déformées et le cadre entourant "couleurs d'aventures" n'est pas complet, HELP ! ça fait ça sur toutes les pages !

---------- Nouveau message ajouté à 16h06 ---------- Le message précédent a été envoyé à 16h04 ----------

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<meta name="Generator" content="iWeb 1.1.2" />
<title>Acceuil</title>
<link rel="stylesheet" type="text/css" media="screen" href="Acceuil_files/Acceuil.css" /><script type="text/javascript" src="Acceuil_files/Acceuil.js"></script>
</head>
<body style="background: #ffdf92; margin: 0pt; " onload="onPageLoad();">
<div style="text-align: center; ">
<div style="margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; overflow: hidden; position: relative; background: transparent url(Acceuil_files/backgroundimage_1.png) no-repeat scroll center; text-align: left; width: 900px; " id="body_content">
<div style="float: left; margin-left: 0px; position: relative; width: 700px; z-index: 0; " id="nav_layer">
<div style="height: 0px; line-height: 0px; " class="tinyText"> </div>
</div>
<div style="float: left; height: 0px; line-height: 0px; margin-left: 0px; position: relative; width: 900px; z-index: 10; " id="header_layer">
<div style="height: 0px; line-height: 0px; " class="tinyText"> </div>
</div>
<div style="margin-left: 0px; position: relative; width: 900px; z-index: 5; " id="body_layer">
<div style="height: 0px; line-height: 0px; " class="tinyText"> </div>
<img src="Acceuil_files/IMGP2236.png" alt="" id="id1" style="border: none; height: 442px; left: 105px; position: absolute; top: 162px; width: 691px; z-index: 1; " />
<div style="height: 1px; line-height: 1px; " class="tinyText"> </div>
<div style="background: #ff6149; margin-left: 35px; margin-top: 499px; position: relative; width: 821px; z-index: 1; " class="graphic_generic_body_textbox_style_default">
<div>
<div style="padding: 4px; " class="Normal">
<div class="paragraph Footer" style="line-height: 16px; padding-top: 0pt; "><span style="color: #000000; font-family: 'Chalkboard', 'Comic Sans MS', 'sans-serif'; font-size: 13px; line-height: 17px; opacity: 1.00; ">Engagée dans la promotion du tourisme équitable et solidaire et dans l’aide à la réalisation de projets de développement en milieux précaires, l’association </span><span style="color: #000000; font-family: 'Chalkboard-Bold', 'Chalkboard', 'Chalkboard Bold', 'Comic Sans MS', 'sans-serif'; font-size: 13px; font-weight: bold; line-height: 20px; opacity: 1.00; ">Couleurs d’Aventures</span><span style="color: #000000; font-family: 'Chalkboard', 'Comic Sans MS', 'sans-serif'; font-size: 13px; line-height: 17px; opacity: 1.00; "> vous invite à vous dépayser et à découvrir </span><span style="color: #ffffff; font-family: 'Chalkboard', 'Comic Sans MS', 'sans-serif'; font-size: 13px; line-height: 17px; opacity: 1.00; ">la richesse</span><span style="color: #000000; font-family: 'Chalkboard', 'Comic Sans MS', 'sans-serif'; font-size: 13px; line-height: 17px; opacity: 1.00; "> culturelle, humaine et environnementale de </span><span style="color: #ffffff; font-family: 'Chalkboard', 'Comic Sans MS', 'sans-serif'; font-size: 13px; line-height: 17px; opacity: 1.00; ">destinations authentiques</span><span style="color: #000000; font-family: 'Chalkboard', 'Comic Sans MS', 'sans-serif'; font-size: 13px; line-height: 17px; opacity: 1.00; ">.</span></div>
<div class="paragraph Footer" style="line-height: 16px; padding-bottom: 0pt; "><span style="color: #000000; font-family: 'Chalkboard', 'Comic Sans MS', 'sans-serif'; font-size: 13px; line-height: 17px; opacity: 1.00; ">En groupe de </span><span style="color: #ffffff; font-family: 'Chalkboard', 'Comic Sans MS', 'sans-serif'; font-size: 13px; line-height: 17px; opacity: 1.00; ">4 à 12 personnes</span><span style="color: #000000; font-family: 'Chalkboard', 'Comic Sans MS', 'sans-serif'; font-size: 13px; line-height: 17px; opacity: 1.00; ">, à l’écart des zones touristiques hôtelières, vous serez accueillis tout au long de votre séjour par les populations locales pour qui </span><span style="color: #ffffff; font-family: 'Chalkboard', 'Comic Sans MS', 'sans-serif'; font-size: 13px; line-height: 17px; opacity: 1.00; ">l’hospitalité et le partage</span><span style="color: #000000; font-family: 'Chalkboard', 'Comic Sans MS', 'sans-serif'; font-size: 13px; line-height: 17px; opacity: 1.00; "> restent une tradition chaleureuse et festive.</span></div>
</div>
<div style="height: 23px; line-height: 23px; " class="tinyText"> </div>
</div>
</div>


<img src="Acceuil_files/shapeimage_1.png" alt="Couleurs d’Aventures vous propose ses circuits solidaires ses missions et stages " title="" id="id2" style="height: 120px; left: 34px; position: absolute; top: 72px; width: 836px; z-index: 1; " />


<div style="background: #8a003f; height: 115px; left: 35px; position: absolute; top: 861px; width: 366px; z-index: 1; " class="graphic_textbox_style_default" id="id3">
<div>
<div class="graphic_textbox_layout_style_default">
<div class="paragraph Footer" style="line-height: 15px; margin-bottom: 0px; margin-top: 0px; padding-top: 0pt; "><span style="color: #000000; font-family: 'Chalkboard', 'Comic Sans MS', 'sans-serif'; font-size: 13px; line-height: 17px; opacity: 1.00; ">Ces populations, loin d’attendre l’aide internationale de donateurs anonymes, espèrent générer par leur travail d’accueil touristique, non seulement l’amélioration de leur niveau de vie mais aussi celle de </span><span style="color: #ffffff; font-family: 'Chalkboard', 'Comic Sans MS', 'sans-serif'; font-size: 13px; line-height: 17px; opacity: 1.00; ">l’entente entre les peuples </span><span style="color: #000000; font-family: 'Chalkboard', 'Comic Sans MS', 'sans-serif'; font-size: 13px; line-height: 17px; opacity: 1.00; ">grâce à une relation privilégiée.</span></div>
<div class="paragraph Body" style="line-height: 18px; margin-bottom: 0px; margin-top: 0px; padding-bottom: 0pt; font-size: 13px; line-height: 18px; text-decoration: none;"> </div>
</div>
</div>
</div>



<div style="background: #ff7c00; height: 178px; left: 384px; position: absolute; top: 654px; width: 473px; z-index: 1; " class="graphic_textbox_style_default" id="id4">
<div>
<div class="graphic_textbox_layout_style_default">
<div class="paragraph Footer" style="line-height: 16px; margin-bottom: 0px; margin-top: 0px; padding-top: 0pt; "><span style="color: #000000; font-family: 'Chalkboard', 'Comic Sans MS', 'sans-serif'; font-size: 13px; line-height: 17px; opacity: 1.00; ">En voyageant avec une association défendant les valeurs éthiques du tourisme équitable, vous faites le choix d’assurer une </span><span style="color: #ffffff; font-family: 'Chalkboard', 'Comic Sans MS', 'sans-serif'; font-size: 13px; line-height: 17px; opacity: 1.00; ">juste rémunération</span><span style="color: #000000; font-family: 'Chalkboard', 'Comic Sans MS', 'sans-serif'; font-size: 13px; line-height: 17px; opacity: 1.00; "> des populations autochtones et vous participez à la mise à disposition d’un fonds de développement nécessaire à la réalisation de </span><span style="color: #ffffff; font-family: 'Chalkboard', 'Comic Sans MS', 'sans-serif'; font-size: 13px; line-height: 17px; opacity: 1.00; ">projets communautaires</span><span style="color: #000000; font-family: 'Chalkboard', 'Comic Sans MS', 'sans-serif'; font-size: 13px; line-height: 17px; opacity: 1.00; ">, initiés par les groupements villageois.</span></div>
<div class="paragraph Footer" style="line-height: 16px; color: #000000; font-family: 'Chalkboard', 'Comic Sans MS', 'sans-serif'; font-size: 13px; line-height: 17px; opacity: 1.00;">Ces projets ont pour conséquences des retombées économiques, sanitaires et sociales et visent à contrer un exode rural forcé par l’irrégularité et la précarité des revenus issus, notamment, de la pêche et de l’agriculture.</div>
<div class="paragraph Footer" style="line-height: 16px; color: #000000; font-family: 'Chalkboard', 'Comic Sans MS', 'sans-serif'; font-size: 13px; line-height: 17px; opacity: 1.00; text-decoration: none;"> </div>
<div class="paragraph Footer" style="line-height: 16px; padding-bottom: 0pt; text-decoration: none;"> </div>
</div>
</div>
</div>
 
Le code de la page ne sera pas très utile.
Essaie iWeb sur une autre session utilisateur pour voir si les problèmes persistent sur cette autre session. Si ce n'est pas le cas vire les peferences d'iWeb sur ta session principale.
je serai tenté rééinstaller iweb quoiqu'il en soit.
Le problème le plus emmerdant serait que ton fichier domain soit corrompu...
 
il m'arrive aussi parfois d'avoir des bizarrerires quand je publie dans un dossier...
à propos je vérifie toujours avant de publier en ftp.

et cela s'est passé quand je publie plusieurs fois
dans des journées intensives de mises à jours... et de création de nouvelles pages ;)

alors...
ce que j'ai trouvé et ça marche :D

je quitte iweb
je quitte cyberduck

je ferme ma machine (iMac)

je redémarre.
je rouvre mon fichier domain, je publie dans un dossier
et

tout est beau.

j'ai fait cette manip plusieurs fois déjà. Cela a toujours marché.
Pourquoi... ? aucune idée
mais ça marche.
:zen::zen::zen:
 
  • J’aime
Réactions: twinworld
Madeline, pense à vider le cache de ton navigateur quand tu vérifies ton site même localement.
Barre de menu > Safari > Vider le cache.

Mais quand on le fait régulièrement, Le mieux est d'afficher le menu Développement :
Barre de menu > safari > Préférences > onglet avancées > cocher afficher le menu de développement dans la barre des menus.
Développement > Désactiver les caches.
Une fois que c'est fait, tu peux bosser sur tes sites
 
merci à vous ...

Tu me fais stresser koeklin , mon "domain" corrompu ?!

bouh..je vais tester ce que dit madeline...et je reviens...

---------- Nouveau message ajouté à 10h00 ---------- Le message précédent a été envoyé à 09h45 ----------

Koeklin tu dis de virer les préférences d'iweb sur ma session principale... c'est à dire faut cliquer sur "réinitialiser" dans préférences ?
 
Pardon ? enfin oui effectivement y'a faute mais on s'en fout, non? serais-tu blaggueur ou ai-je loupé un épisode?:rose:

---------- Nouveau message ajouté à 12h12 ---------- Le message précédent a été envoyé à 11h23 ----------

Madeline, t'as de la chance..ça marche pas pour moi.


J'ai essayé ta suggestion KOEKLIN et je ne saisis pas tout:

J'ai ouvert une autre session sur mon imac (nouveau compte), j'ai ouvert iweb qui était donc vierge, j'ai créé une page bidon où j'ai fait un cadre avec contour et ombre et j'ai laissé l'image et le charabia du modèle, j'ai fait en sorte qu'il y ait chevauchement entre mon cadre et l'image,bref, j'ai publié dans un dosier puis visité en local sur Safari:

OK, pas de déformations

mais je me dis que mon site original est loin d'être aussi simple et léger qu'un cadre et 3 babioles....le test est-il valable...ne serait-ce pas + tôt un conflit entre textes, images, figures servant de lien..etc qui tous se chevauchent ou se superposent...ça serait trés naze

J'ai rouvert ma session puis j'ai fait une nouvelle publication afin de visiter en local cette fois sur Safari (j'utilise firefox par défaut) croyant un peu au père noel...., il s'avère que les déformations sont toujours là : ce n'est donc pas lié à firefox.

Alors finalement si mon fichier domain est corrompu....ça donne quoi? à jeter ? tout refaire?

EST-ce que la visite locale est fiable, j'ai lu quelque part que quelqu'un avait un problème en locale mais qu'une fois en ligne le problème avait disparu...
Pourquoi je ne teste pas ? ben voilà un autre problème cette fois avec mon ou mes ftp devrais-je dire car aucun ne me satisfait, mes connexions échouent avec cyberduck et yummy (en test) et je n'arrive pas à nettoyer fireftp...bref..un autre post s'impose:(

j'attends vos avis, merci de votre aide..
 
Ah, c'est ça que t'appelles des déformations, des chevauchements?
Ouais ben c'est pas la même chose. c'est moins grave et ça arrive souvent avec iWeb...
surtout avec 06 autant que je me rappelle ( ou étais-je moins expérimenté à l'époque...).

Voici une méthode que j'utilise pour ne pas avoir de chevauchement entre mes textes et mes images mais elle ne s'applique pas forcément à ton cas, tout dépend de ce que tu souhaites faire :
http://iweb.debutersurmac.com/siteiweb/Blog/Entrees/2009/2/3_La_mise_en_page.html
Le problème des chevauchements, c'est qu'il n'y a pas de réponses toutes faites, c'est au cas par cas et je peux dire qu'on se permet de faire de choses avec iWeb, qu'on ne se pas permettrait pas avec un autre logiciel, et cela sans connaissance du code HTML ou CSS et de leur interprétation par les navigateurs. Madeline en a fait d'ailleurs l'expérience avec un défaut d'alignement entre deux zones de textes en début d'année. ;) Ce n'etait pas un chevauchement proprement parler mais ça revenait au même.

De plus comme je l'ai signalé si on regarde un page dans son navigateur mieux vaut le faire en désactivant les caches du navigateur en effet un page refaite peut tres bien s'afficher avec une feuille de style plus ancienne qui ne lui correspond plus, ce qui aboutit parfois à de véritables aberrations.
 
merci Koeklin , je prends en compte l'histoire des caches et vais sans doute apprendre des choses sur ton lien mais quand je parle de chevauchements, ce sont des figures que je fais volontairement chevaucher avec une en arriere plan , une en avant plan et une autre entre les 2 par ex;

Quant aux déformations c'est une figure qui au départ est ovale et qui une fois en site locale est ovale en partie et droite de l'autre: c'est déformé , une partie est sqwizzée.
ou une zone de texte à qui j'ai appliqué un contour et une ombre et qui au final se retrouve avec seulement une partie du contour...j'ai essayé de virer toutes les ombres mais ça n'a rien changé, les déformations sont toujours là quant je publie...

je file regarder ton lien...

mon problème reste entier...à moins que ton histoire d'anarchie liée aux caches y soit pour quelque chose mais j'ai pourtant vidé le cache: j'utilise firefox , je suis allée dans OUTILS puis "supprimer l'historique récent" ; dans intervalle à effacer j'ai mis choisi "tout", j'ai coché "cache" puis j'ai cliqué sur "effacer maintenant"
 
titihima a dit:
merci Koeklin , je prends en compte l'histoire des caches et vais sans doute apprendre des choses sur ton lien mais quand je parle de chevauchements, ce sont des figures que je fais volontairement chevaucher avec une en arriere plan , une en avant plan et une autre entre les 2 par ex;
Cliquez pour agrandir...
Bref le genre de choses qui déconne une fois sur deux sur iWeb généralement dans ces cas là on fait une capture des trois images ensemble et on affiche cette capture à la place des images originales dans iWeb (ou on refait cette superposition avec PhotoshopLike si le arrière plan de la page est une image )

titihima a dit:
Quant aux déformations c'est une figure qui au départ est ovale et qui une fois en site locale est ovale en partie et droite de l'autre: c'est déformé , une partie est sqwizzée.
ou une zone de texte à qui j'ai appliqué un contour et une ombre et qui au final se retrouve avec seulement une partie du contour...j'ai essayé de virer toutes les ombres mais ça n'a rien changé, les déformations sont toujours là quant je publie...
Cliquez pour agrandir...
ça ressemble une figure en partie masquée par autre chose... quand tu fais "afficher l'image" dans ton navigateur, la vois tu en entier?
 
koeklin a dit:
Madeline, pense à vider le cache de ton navigateur quand tu vérifies ton site même localement.
Barre de menu > Safari > Vider le cache.

Mais quand on le fait régulièrement, Le mieux est d'afficher le menu Développement :
Barre de menu > safari > Préférences > onglet avancées > cocher afficher le menu de développement dans la barre des menus.
Développement > Désactiver les caches.
Une fois que c'est fait, tu peux bosser sur tes sites
Cliquez pour agrandir...

Merci Koeklin ;) :D :zen:
et
je laisse «désactiver les caches cochée pour toujours ???
 
Madeline a dit:
je laisse «désactiver les caches cochée pour toujours ???
Cliquez pour agrandir...
Non, c'est utile uniquement quand tu fais des changements sur ton site.
Pour surfer sur le net uil faut mieux utiliser les caches pour accéler l'ouverture des pages en s'en évitant la réouverture systématique de fichiers déjà rencontrés et qui ont peu de chance d'avoir été modifiés..
 
koeklin a dit:
Bref le genre de choses qui déconne une fois sur deux sur iWeb généralement dans ces cas là on fait une capture des trois images ensemble et on affiche cette capture à la place des images originales dans iWeb (ou on refait cette superposition avec PhotoshopLike si le arrière plan de la page est une image )

ça ressemble une figure en partie masquée par autre chose... quand tu fais "afficher l'image" dans ton navigateur, la vois tu en entier?
Cliquez pour agrandir...

non quand j'"affiche l'image" elle n'apparait pas normal non +

J'vais passer pour un légume mais je ne sais pas faire les captures...ok jvais apprendre mais ça commence mal j'ai téléchargé skitch et l'application ne s'ouvre pas..

? c'est possible d'essayer avec "capture" ( le truc inclus dans mac)...
 
zepatente a dit:
Bonjour,

les figures déformées ainsi que le lettrages vient des fois d'iweb qui a besoin d'une remise à zero

voici une solution possible : http://www.iwebeginner.com/forum/topic607.html#p4482

@+
Cliquez pour agrandir...

Bonjour zepatente, merci pour le lien j'ai suivi les consignes mais ça ne change rien...


Merci madeline, j'utilisais les chiffres du clavier numérique donc forcément ça ne pouvait pas marcher...:rose:

---------- Nouveau message ajouté à 12h30 ---------- Le message précédent a été envoyé à 11h08 ----------
koeklin a dit:
Bref le genre de choses qui déconne une fois sur deux sur iWeb généralement dans ces cas là on fait une capture des trois images ensemble et on affiche cette capture à la place des images originales dans iWeb (ou on refait cette superposition avec PhotoshopLike si le arrière plan de la page est une image )
Cliquez pour agrandir...

en fait parmis ces figures ou zones de texte, certains sont des liens donc je pense que cette solution ne colle pas ...je n'ai pas essayé
tu confirmes ?
 

Sujets similaires

balance
code CSS
Réponses
1
Affichages
3K
Développement web
momo-fr
momo-fr
Morebany
[HTML5]jouer/stopper/rejouer... sa webcam
Réponses
1
Affichages
2K
Développement web
Morebany
Morebany
benG
Mail : signature HTML
Réponses
1
Affichages
2K
Web et e-mail
julienboost
J
phcm64100
Signature HTML pour mail
Réponses
2
Affichages
1K
Web et e-mail
phcm64100
phcm64100
B
Problème redirection mail + accents
Réponses
2
Affichages
711
Web et e-mail
berny49140
B
Haut Bas