différence entre apperçu et page finale

pat.g · Message par **pat.g** » 23 mai 2012, 11:38

Bonjour,
Je reprends un site que j'avais créé longtemps en HTML .
Je ne comprends pas pourquoi quand je tente de caler comme je le souhaite des blocs de texte ou des images dissociées, il y a un décalage entre ce que je fais sur Kompozer et le résultat final

.
En gros quand j'aligne les blocs, ils apparaissent superposés dans la page finale.
Je n'ai pas très envie de remettre mon nez dans le HTML...sauf s'il y a juste un détail à changer ...

Message par **chinon37** » 23 mai 2012, 20:43

Bonjour,
Désolé, mais personne n'ayant de don de voyance ici, il ne sera guère possible de t'aider sans voir la page

patg · Message par **patg** » 04 juin 2012, 16:08

Alors en fait ça donne ça :
http://www.cnt-f.org/coopequita/index.html
Alors que sur Kompozer tout est bien à sa place ..;
Ci-dessous.. Ce que j'aimerai ne plus avoir à manipuler justement en uitlisnat Kompozer

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr"><head><title>COOPEQUITA, une cooperative de producteurs</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="apparence" href="apparence.css" /><!--signale que la page utilise la présentation css */apparence-->

<meta name="keybords" content="coopérative, coopequita, CNT, expérience cooperative ,histoire des cooperatives, produit bio bordeaux, alternative économique, commerce solidaire" /></head>
<body style="width: 960px; font-family: Arial,Helvetica,sans-serif;">
<img style="width: 960px; height: 100px;" alt="en-tete" src="images/banniere-coope.jpg" /><br />
<hr style="width: 100%; height: 2px;" /><br />
<div style="position: absolute; text-align: center; top: 414px; height: 124px; left: 759px; width: 360px;">
<div style="text-align: justify;">L'association Coopéquita souhaite privilégier une agriculture en accord avec l'environnement. Il s'agit aussi de promouvoir&nbsp; des
transformations et une distribution respectueuses de l'environnement et des personnes. &nbsp;
</div>
</div>
<div style="height: 532px;" id="menu">
<div style="font-family: Arial,Helvetica,sans-serif; font-weight: bold; font-style: normal; text-transform: none; text-align: left; color: rgb(0, 153, 0);" class="element_menu">
 
<div style="position: absolute; left: 168px; top: 147px; text-align: center;"></div>
<div style="text-align: center;"><big><a style="background-color: rgb(204, 51, 204); color: rgb(255, 102, 102);" href="index.html">
<h3>Accueil</h3>
</a></big></div>
<a style="background-color: rgb(204, 51, 204); color: rgb(255, 102, 102);" href="index.html">
</a>
<div style="text-align: center; background-color: rgb(51, 255, 51);">
<h4><span style="color: rgb(0, 0, 0);">Produits
proposés</span>&nbsp; </h4>
</div>
<ul>
<li><a href="producteur.html" target="_blank">Producteurs
et productrices </a></li>
<!-- Liste des liens du sous-menu --> <li><a href="http://www.andines.com/" target="_blank">Cooperative
Andine</a></li>
<li><a href="cafe.html" target="_blank">Café
du chiapas</a></li>
<li><a href="produits-entretien.html" target="_blank">Produits
entretien</a></li>
<li><a href="keepers.html" target="_blank">Keepers</a></li>
</ul>
</div>
<div style="height: 278px;" class="element_menu">
<h3 style="background-color: rgb(51, 255, 51); font-family: Arial,Helvetica,sans-serif; font-weight: bold; font-style: normal;"><big>liens</big></h3>
<ul>
<li><a href="actualitedivers.html" target="_blank">Actualités
</a></li>
<li><a href="fichiers-pdf/petits-paysans-a-la-cnt.pdf" target="_blank">Des petits paysans à la CNT</a></li>
</ul>
<ul>
<li><a href="fichiers-pdf/histoire-coop.pdf" target="_blank">Histoire des coopératives</a></li>
<li><a href="http://www.cnt-f.org/cooperatives/" target="_blank">Commission coopératives de la CNT</a><span style="text-decoration: underline;"></span>&nbsp;&nbsp;&nbsp;<br />
</li>
<li><a href="http://www.cnt-f.org/" target="_blank">Site
de la CNT </a><span style="text-decoration: underline;"></span>&nbsp;&nbsp;&nbsp;<br />
</li>
</ul>
</div>
</div>
&nbsp;<div style="height: 1004px;" id="corps">
<div style="text-align: center; height: 327px;"> <br /><img style="position: absolute; top: 188px; left: 388px; width: 521px; height: 385px;" alt="sortons du supermarché" src="images/coop.png" /><br /></div><br /><br /><div style="position: absolute; width: 704px; height: 263px; top: 536px; left: 238px;"><br /><br /><ul style="font-weight: normal;"><li>Développer des circuits courts de ventes
directes en évitant les intermédiaires.</li><br /><li>Aider dans leur installation des agriculteurs et agricultrices;</li><br /><li>Maintenir des revenus décents aux producteurs/trices; </li><br /><li>Rendre accessible à une population de plus en
plus précarisée des produits de qualité;</li></ul><ul style="font-weight: normal;"><li>En mettant en contact les consommateurs/trices avec les producteurs/trices, les amener à prendre conscience des réalités des petites voire, micro-exploitations.</li></ul>
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; <br /><div style="text-align: center; margin-left: 11px; height: 134px; width: 686px;">La coop
est ouverte tous les
samedis et est tenue à tour de rôle selon les
possibilités de celleux qui s'y investissent.<br /><span style="color: rgb(204, 0, 0);">Nous sommes à
la recherche de producteurs/trices de fruits,&nbsp; fromages, produits d'entretien,&nbsp; qui pourraient se reconnaitre dans notre démarche.</span><br />
<span style="color: rgb(204, 0, 0);">
</span><br />
<span style="color: rgb(204, 0, 0);">
&nbsp;&nbsp;&nbsp; N'hésitez pas à
prendre contact.</span> <br /><br /><br /></div><br /><a href="mailto:coopequita@hotmail.fr">&nbsp;</a><br /><div style="text-align: center;"><a href="mailto:coopequita'at'hotmail.fr"><big>Coopéquita
vous propose ses produits fermiers et biologiques</big>
<br />
<big style="color: rgb(153, 0, 0);"><big>
Tous les samedis, de 10 h à 12 h.</big></big><span style="color: rgb(153, 0, 0);">
</span><br />
36, rue Sanche-de-Pomiers, 33OOO Bordeaux<br />
O5 56 31 12 73 coopequita'at'hotmail.fr</a><br />
</div><div style="text-align: center;"><span style="color: rgb(0, 85, 0);">Les producteurs et les productrices de Coopéquita sont adhérent.es à la</span> <a style="color: rgb(204, 0, 0);" href="http://www.cnt-f.org/"><acronym title="Confédération nationale du travail-Fédération des travailleurs de la terre et de l'environnement">CNT-FTTE</acronym></a></div></div>

<p style="color: rgb(0, 102, 0);"><a style="color: rgb(204, 0, 0);" href="http://www.cnt-f.org/">
</a> </p>
</div><br /></body></html>

patg · Message par **patg** » 04 juin 2012, 16:12

Désolée d'avoir encombré le forum pour rien.. Je viens juste de faire un nettoyage de balises..et ça va beaucoup mieux !!

Message par **chinon37** » 06 juin 2012, 14:11

Bonjour,
Il faudrait avoir une copie d'écran de l'affichage sur KompoZer pour se rendre compte. Mais on peut déjà dire que sur les petits écrans, il y aura un problème car l'image centrale (celle en diagonale) est en position absolue.
Une façon de voir le problème est de réduire la taille de la fenêtre du navigateur.
Il faut donc mettre cette image dans le flux de la page pour qu'elle suive le "re" dimensionnement de la page en fonction de l'écran.

Geckozone

différence entre apperçu et page finale

différence entre apperçu et page finale

Re: différence entre apperçu et page finale

Re: différence entre apperçu et page finale

Re: différence entre apperçu et page finale

Re: différence entre apperçu et page finale

Qui est en ligne ?