différence entre apperçu et page finale

Le premier forum francophone sur l'éditeur de pages Web multiplateforme (Linux, Mac OS X, Windows) qui monte… KompoZer, héritier de Nvu, permet de créer vos pages Web graphiquement (wysiwyg) sans aucune connaissance du langage HTML.

Modérateur : chinon37

pat.g

différence entre apperçu et page finale

Message par pat.g »

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 ...
chinon37
Animal mythique
Messages : 5319
Inscription : 21 mars 2005, 10:17

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

Message par chinon37 »

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 :wink:
Préferez Kompozer 0.8 à Nvu
Défendons nos valeurs, adhérons à l'APRIL
La Démocratie, c'est quand on frappe à votre porte à 6h00 du matin, et que c'est le laitier.
patg
Arias
Messages : 2
Inscription : 23 mai 2012, 11:32

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

Message par patg »

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 :wink:

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
Arias
Messages : 2
Inscription : 23 mai 2012, 11:32

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

Message par patg »

Désolée d'avoir encombré le forum pour rien.. Je viens juste de faire un nettoyage de balises..et ça va beaucoup mieux !!
chinon37
Animal mythique
Messages : 5319
Inscription : 21 mars 2005, 10:17

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

Message par chinon37 »

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.
Préferez Kompozer 0.8 à Nvu
Défendons nos valeurs, adhérons à l'APRIL
La Démocratie, c'est quand on frappe à votre porte à 6h00 du matin, et que c'est le laitier.
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 1 invité