Page 1 sur 1

comment gérer l'interligne dans NVU 1.0 en fr ?

Publié : 07 janv. 2009, 18:25
par lgcom
hello
je dois rendre 1 newsletter utilisable UNIQUEMENT sous IE (90 % des stés en France) mais voilà la gestion de l'intégration entre Firefox et IE sont super différentes...
bref
j'ai 1 gros décalage dans l'interlignage lorsque je visualise dans IE
- sur Firefox j'ai 3 lignes sur IE 4
- l'interligne entre la 3ème et la 4ème ligne est très différent

Qui peut m'aider SVP

l'image se trouve ici : http://imagik.fr/view/200342
(pour info j'ai volontairement masqué les infos car ce sont des mentions légales d'un sté)

merci d'avance

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5

Publié : 07 janv. 2009, 18:48
par chinon37
Bonjour,

Déjà on part sur de très mauvaises bases: Nvu!! Nvu est obsolète depuis longtemps, il faut que tu passes à KompoZer, même interface (pour l'instant) mais les bogues en moins!
Tu le trouveras en français ici: http://www.geckozone.org/telechargement/#dl-kompozer

Sans le code source de la page, il sera difficile de t'aider. Si tu ne veux pas divulguer le texte, remplace celui-ci par un texte bidon et copie colle le code ici afin qu'on puisse t'aider.

Publié : 07 janv. 2009, 18:54
par lgcom
je suis obligé de travailler avec NVU ma cliente travaille avec NVU et le client est roi ! mdr

et voici le code html

----------------------------------------------------------------------------------------

Code : Tout sélectionner

<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title>skandia-juriflash</title>
</head>
<body>
<table style="text-align: left; width: 603px; height: 240px;"
 border="0" cellpadding="2" cellspacing="2">
  <tbody>
    <tr>
      <td style="text-align: center; vertical-align: middle;">
      <div style="text-align: center;"><img
 style="width: 595px; height: 235px;" alt=""
 src="images/juriflash-skandia-image_haut.jpg"></div>
      </td>
    </tr>
  </tbody>
</table>
<table style="text-align: left; width: 250px; height: 28px;"
 border="0" cellpadding="2" cellspacing="2">
  <tbody>
    <tr>
      <td>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp;<small style="color: rgb(181, 191, 0);"><font
 size="-1"><small><span style="font-family: Arial;">30
d&eacute;cembre 2008</span></small></font></small></td>
    </tr>
  </tbody>
</table>
<table style="text-align: left; height: 47px; width: 466px;"
 border="0" cellpadding="2" cellspacing="2">
  <tbody>
    <tr>
      <td>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span
 style="font-family: Arial; color: rgb(145, 144, 133);">Adoption
d&eacute;finitive de la loi en faveur de l'emploi,</span><br
 style="font-family: Arial; color: rgb(145, 144, 133);">
      <span style="font-family: Arial; color: rgb(145, 144, 133);">&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp;&nbsp; du travail et du
pouvoir d'achat</span></td>
    </tr>
  </tbody>
</table>
<table
 style="text-align: left; font-family: Arial; width: 595px; height: 425px;"
 border="0" cellpadding="2" cellspacing="2">
  <tbody>
    <tr>
      <td>
      <blockquote><big> </big>
        <p><big><font size="-2"><big><span
 class="lang-la" xml:lang="la" lang="la">Lorem
ipsum dolor
sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse
lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed,
dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a,
semper congue, euismod non, mi. Proin porttitor, orci nec nonummy
molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat.
Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium
a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra
tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede.
Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit
sodales.&nbsp;</span></big></font></big></p>
        <p><big><font size="-2"><big><span
 class="lang-la" xml:lang="la" lang="la">&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp;Vestibulum ante ipsum primis
in faucibus orci luctus et
ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede
pellentesque fermentum.&nbsp;</span></big></font></big></p>
        <p><big><font size="-2"><big><span
 class="lang-la" xml:lang="la" lang="la">&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp; Maecenas adipiscing ante non diam
sodales
hendrerit. Ut velit mauris, egestas sed, gravida nec, ornare ut,
mi. Aenean ut orci vel massa suscipit pulvinar. Nulla
sollicitudin.&nbsp;</span></big></font></big></p>
        <p><big><font size="-2"><big><span
 class="lang-la" xml:lang="la" lang="la">Fusce
varius, ligula non tempus aliquam, nunc turpis ullamcorper nibh,
in tempus sapien eros vitae ligula. Pellentesque rhoncus nunc et augue.
Integer id felis. Curabitur aliquet pellentesque diam. Integer quis
metus vitae elit lobortis egestas. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Morbi vel erat non mauris convallis
vehicula. Nulla et sapien. Integer tortor tellus, aliquam faucibus,
convallis id, congue eu, quam. Mauris ullamcorper felis vitae erat.
Proin feugiat, augue non elementum posuere, metus purus iaculis lectus,
et tristique ligula justo vitae magna. Aliquam convallis
sollicitudin purus. Praesent aliquam, enim at fermentum mollis, ligula
massa adipiscing nisl, ac euismod nibh nisl eu lectus.&nbsp;</span></big></font></big></p>
        <big> </big></blockquote>
      </td>
    </tr>
  </tbody>
</table>
<br>
<table style="text-align: left; width: 100px;" border="0"
 cellpadding="0" cellspacing="0">
  <tbody>
    <tr>
      <td><img
 style="border: 0px solid ; width: 595px; height: 57px;" alt=""
 src="images/juriflash-skandia-image_bas_2.jpg"></td>
    </tr>
  </tbody>
</table>
<table style="text-align: left; height: 72px; width: 595px;"
 border="0" cellpadding="0" cellspacing="0">
  <tbody>
    <tr>
      <td
 style="vertical-align: top; background-color: rgb(181, 191, 0);">
      <div style="text-align: center;">
      <div style="text-align: justify;"><small><font
 style="color: rgb(181, 191, 0);" size="-2"><small><span
 style="color: rgb(255, 255, 255);"></span></small></font></small><small><font
 style="color: rgb(181, 191, 0);" size="-2"><small><span
 style="color: rgb(255, 255, 255);"><br>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span></small></font></small>
      <table
 style="background-color: rgb(181, 191, 0); width: 558px; height: 62px; text-align: left; margin-left: auto; margin-right: 0px;"
 border="0" cellpadding="0" cellspacing="0">
        <tbody>
          <tr>
            <td style="vertical-align: top; text-align: left;">
            <div style="margin-left: 40px;"><small><font
 style="color: rgb(181, 191, 0);" size="-2"><small><span
 style="color: rgb(255, 255, 255);">Smmsis s ojne os
&nbsp;s so s &nbsp;s zaoa
ao&acirc;kpneaipdoprnkpfo,zdoipnaskzdopzd &nbsp;</span></small></font></small><small><font
 style="color: rgb(181, 191, 0);" size="-2"><small><span
 style="color: rgb(255, 255, 255);">Smmsis s ojne os
&nbsp;s so s &nbsp;s zaoa
ao&acirc;kpneaipdoprnkpfo,zdoipnaskzdopzd&nbsp;</span></small></font></small><small><font
 style="color: rgb(181, 191, 0);" size="-2"><small><span
 style="color: rgb(255, 255, 255);">Smmsis s ojne os
&nbsp;s so s &nbsp;s zaoa
ao&acirc;kpneaipdoprnkpfo,zdoipnaskzdopzd&nbsp;</span></small></font></small><small><font
 style="color: rgb(181, 191, 0);" size="-2"><small><span
 style="color: rgb(255, 255, 255);">Smmsis s ojne os
&nbsp;s so s &nbsp;s zaoa
ao&acirc;kpneaipdoprnkpfo,zdoipnaskzdopzd&nbsp;</span></small></font></small><small><font
 style="color: rgb(181, 191, 0);" size="-2"><small><span
 style="color: rgb(255, 255, 255);">Smmsis s ojne os
&nbsp;s so s &nbsp;s zaoa
ao&acirc;kpneaipdoprnkpfo,zdoipnaskzdopzd&nbsp;</span></small></font></small><small><font
 style="color: rgb(181, 191, 0);" size="-2"><small><span
 style="color: rgb(255, 255, 255);">Smmsis s ojne os
&nbsp;s so s &nbsp;s zaoa
ao&acirc;kpneaipdoprnkpfo,zdoipnaskzdopzd&nbsp;</span></small></font></small><small><font
 style="color: rgb(181, 191, 0);" size="-2"><small><span
 style="color: rgb(116, 119, 117);"><span
 style="color: rgb(255, 255, 255);"></span></span></small></font></small></div>
            </td>
          </tr>
        </tbody>
      </table>
      <small><font style="color: rgb(181, 191, 0);"
 size="-2"><small><span
 style="color: rgb(255, 255, 255);"></span></small></font></small><small><font
 style="color: rgb(181, 191, 0);" size="-2"><small><span
 style="color: rgb(116, 119, 117);"><span
 style="color: rgb(255, 255, 255);"></span></span></small></font></small><br>
      </div>
      <small><font style="color: rgb(181, 191, 0);"
 size="-2"><small><span
 style="color: rgb(116, 119, 117);"><span
 style="color: rgb(255, 255, 255);"></span></span></small></font></small></div>
      <small><font style="color: rgb(181, 191, 0);"
 size="-2"><small><span
 style="color: rgb(116, 119, 117);"><span
 style="color: rgb(255, 255, 255);"></span> </span></small></font></small></td>
    </tr>
  </tbody>
</table>
</body>
</html>
-----------------------------------------------------------------------------------

merci


Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5

Publié : 07 janv. 2009, 21:08
par chinon37
Tu peux travailler avec KompoZer, elle n'y verra que du feu puisqu'il s'agit de la même interface: KompoZer est un Nvu débogué.
Maintenat si tu préfère une application qui plante, libre à toi... mais tu auras du mal à trouver de l'aide ic sur les plantages, tellement Nvu est loin pour nous!! :wink:

Voila un code à faire hurler!!
une mise en page par tableaux, l'utilisation de la barre de mise en forme n'2 (catastrophique), etc...
Je n'ai pas le temps de développer ce soir, mais je reviens là-dessus demain matin, à moins que quelqu'un me précède :wink:

Publié : 07 janv. 2009, 21:52
par lgcom
ok je vais essayé kompozer !


Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5

Publié : 07 janv. 2009, 22:08
par lgcom
en + avec KOMPOZER j'vois pas la différence dans les FORMATS......mon interlignage déconne tjrs autant !!! aucun intéret d'avoir 1 nouveau logiciel

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5

Publié : 08 janv. 2009, 09:03
par chinon37
1- je n'ai jamais dit que KompoZer règlerait ton problème d'interlignage, j'ai simplement dit qu'ici, on donnait les conseils pour KompoZer car Nvu est bogué :roll:
2- Si tu le souhaites, tu peux rester avec Nvu et te débrouiller tout seul...
3- avant de commencer une page, il serait bon de lire les tutoriels de base
4- En utilisant le code que tu fournis, je n'ai pas de problème d'interligne dans le bloc à fond vert, mais il est normal que ce bloc pose problème puisque c'est un grand n'importe quoi!!!!
5- tu trouveras ci-dessous le code du bloc à fond vert modifié pour qu'il ressemble à quelque chose et pour que ton bogue d'interligne disparaisse:

Code : Tout sélectionner

<div style="margin-left: 40px; color: white; font-size: 0.6em; line-height: 2.2em;">
                          Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                        </div>
J'ai uniquement changé le texte
6- A l'avenir, commence par apprendre les bases avant de venir râler que KompoZer ou Nvu ne fait pas ce que tu veux. Nvu n'a fait que ce que tu lui as ordonné!
7- Au vu du code de ta page, il ne serait pas étonnant que tu ais d'autres surprises... Commences peut-être par cela:
http://josar.free.fr/tutoKompozer/index.html