[imp] HTML-only mail shown blank and not downloadable

Bruno Berstel bberstel at free.fr
Tue Aug 14 10:33:53 UTC 2007


Hi,

I have this HTML-only message (Content-type: multipart/related; 
type=text/html; boundary=-mail-boundary-) in my INBOX. When in message 
view I can see the usual IMP buttons, the mail headers, and a blank 
1-line message body. I understand that HTML message are not displayed 
inline for security reasons, and that the user has to download the 
message. But in my case there isn't any way of downloading it: no 
attachment shown, no nothing. Only the 'View message source' -- which 
shows the expected mail, but raw.

Is there something I missed in the UI of IMP? Or is it the mail that is 
wrongly formulated?
Any help appreciated,
    Bruno.

Additional info:
    - sorry, I couldn't determine IMP's version; it's http://imp.free.fr 
if that helps
    - below is the mail in question

Return-Path: <bruno.berstel at dynamo11.org>
Delivered-To: online.fr-bberstel at free.fr
Received: (qmail 6631 invoked from network); 14 Aug 2007 10:13:59 -0000
Received: from 212.27.63.203 (HELO perso1.free.fr) (212.27.63.203)
  by mrelay4-2.free.fr with SMTP; 14 Aug 2007 10:13:59 -0000
Received: from localhost.localdomain (localhost [127.0.0.1])
	by perso1.free.fr (Postfix) with ESMTP id DDE41882AED
	for <bberstel at free.fr>; Tue, 14 Aug 2007 12:13:58 +0200 (MEST)
XPARM: dynamo11.free.fr
XPARAM2: 81.80.159.49
Subject: Système de mailing (cette fois c'est la bonne ?)
MIME-Version: 1.0
Content-type: multipart/related; type=text/html; boundary=-mail-boundary-
Content-Disposition: inline
Date: Tue, 14 Aug 2007 12:13:58 +0200
To: Bruno Test chez Free <bberstel at free.fr>
From: Bruno Berstel <bruno.berstel at dynamo11.org>
X-Mailer: PHP (4.4.3-dev)
Message-Id: <20070814101358.DDE41882AED at perso1.free.fr>



---mail-boundary-
Content-Type: text/html; charset=iso-8859-1
Content-Transfer-encoding: 8bit

<html>
<link rel="stylesheet" type="text/css" href="cid:dynamo.css" />
<head>
</head>
<body style="margin: 10">
<i>(Désolé de vous inonder avec ces mails. En fait, ces envois me servent (aussi) de test grandeur nature pour mon système. Les deux envois précédents ayant mis au jour deux bugs, en voici un troisième. En espérant que ça marche mieux cette fois...)</i><br />
<br />
Bonjour,<br />
<br />
Nous avons souvent discuté de la question se savoir s'il fallait envoyer les convocations aux AG par courrier électronique ou postal, ou les deux, ou l'un puis l'autre, et sur quel critère, etc. Il y avait en gros deux options simples, mais insatisfaisantes. L'une consistait à envoyer un courrier postal à tout le monde, mais on avait le sentiment de gaspiller du papier et des sous en timbres, puisque nombre d'entre nous étaient déjà au courant par la bande. L'autre consistait à envoyer des mails à certains et un courrier aux autres, mais on ne savait pas trop comment choisir : nombreux sont les adhérents qui ont une adresse électronique, mais qui ne la consultent pas de façon aussi fiable que leur boîte-aux-lettres physique...<br />
<br />
Une réponse est apportée par la nouvelle mouture du <a  href="http://dynamo11.free.fr/docs/bulletin_adhesion_07.pdf">bulletin d'adhésion</a>, qui demande à chaque adhérent d'exprimer sa préférence. En attendant ou en parallèle, j'ai eu l'idée suivante : quand on veut convoquer une AG (par exemple), on pourrait commencer par envoyer un mail à tous les adhérents qui ont une adresse électronique, et dans ce mail on leur dirait <i>"Merci de cliquer <a  href="http://dynamo11.free.fr/wikini/wakka.php?wiki=reponse.php/static&amp;mailing=mailing&amp;id=24">sur ce lien</a> pour confirmer que tu as pris connaissance de cette convocation"</i>. On noterait ceux qui ont cliqué, et aux autres on enverrait un courrier postal. Comme ça on toucherait tout le monde et on minimiserait le papier et les timbres utilisés.<br />
<br />
Je vous ai envoyé ce mail en utilisant ce système. Si vous allez voir sur la page <a  href="http://dynamo11.free.fr/wikini/wakka.php?wiki=MailingAuxAdherents">Mailing Aux Adherents</a>, vous pourrez suivre la progression des réponses à ce mailing, c'est-à-dire des ceusses qui ont cliqué sur <i>"sur ce lien"</i> ci-dessus.<br />
<br />
Merci pour votre attention et à bientôt,<br />
<div class="indent">Bruno.</div></body>
</html>
---mail-boundary-
Content-ID: <dynamo.css>
Content-Type: text/css; charset=iso-8859-1
Content-Transfer-Encoding: 8bit

/****************************************************************************************
 * On trouvera ici les réglages pour :
 *   - l'en-tête de la page, y compris le bandeau wiki optionnel, les onglets, etc.
 *   - le pied de page, y compris le rappel des onglets, etc.
 *   - la colonne de droite
 *   - le rendu du contenu des pages
 ****************************************************************************************/


/****************************************************************************************
 * En-tête des pages
 ****************************************************************************************/

/*--------------------------------------------------------------------------------------*
 * Le bandeau pour les réglages Wiki
 *--------------------------------------------------------------------------------------*/

table#bandeauwiki {
  position: fixed;
  z-index: 4;
  left: 0;
  margin: 0px;
  padding: 2px 10px;
  background-color: #ffff88;
  border-bottom: thin solid black;
  color: black;
  font-size: 10pt;
}

table#bandeauwiki td {
  font-family :  Arial, Helvetica, sans-serif;
}

table#bandeauwiki span#nompage {
  margin-left: 2px;
  margin-right: 8px;
  font-weight: bold;
}

table#bandeauwiki img.temoin {
  vertical-align: -1px;
}

table#bandeauwiki table.boutons td.bouton {
  text-align: center;
  vertical-align: bottom;
  padding-left: 3px;
  padding-right: 3px;
  /* border: thin dotted gray; -- for debug */
}

table#bandeauwiki a {
  text-decoration: none;
  color: blue;
}

table#bandeauwiki a:hover {
  text-decoration: none;
}

table#bandeauwiki a.bouton, table#bandeauwiki label {
  font-size: 8pt;
}

table#bandeauwiki a.bouton img {
  vertical-align: -2px;
}

table#bandeauwiki td#nomutilisateur {
  text-align: right;
  padding-left: 3px;
  padding-right: 3px;
}

table#bandeauwiki td#nomutilisateur span#vousetes {
  font-size: 7pt;
}

/*--------------------------------------------------------------------------------------*
 * Styles pour la barre de menu
 *--------------------------------------------------------------------------------------*/

/* Le logo fait 220x77; on laisse 25 à gauche et 5 à droite; on place le bas de la ligne à 28 du bas du logo. */

/* "header" est le bloc contenant tout : le logo, la barre de menu, et la ligne en dessous. */
div#header {
  position: relative; /* pour que les "absolute" de logo et wikiblock soient par rapport à header */
  margin-top: 0;
  margin-bottom: 15px;
  height: 77px;
}

/* "logo" est le logo (si). */
img#logo {
  z-index: 2;
  position: absolute; /* par rapport à header */
  left: 25px;
  top: 0px;
}

/* "menubar" est la barre de menu, c'est-à-dire la table qui contient les onglets. */
table#menubar {
}

/* Réglages pour les onglets : "currenttab" est l'onglet actif. */
table#menubar td.tabmargin {
  width: 5px;
}
table#menubar td.tab {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
  margin: 0;
  padding: 5px 15px;
  font-weight: bold;
  color: gray;
  background-color: #FF8400;
}
table#menubar td#currenttab {
  background-color: #FF6600;
  color: yellow;
}
table#menubar a.tab {
  text-decoration: none;
  color: white;
}
table#menubar a.tab:hover {
  color: #ffff66;
}

/* Réglages pour les commandes Wiki. */
a.wikibutton {
  text-decoration: none;
  color: blue;
  padding: 1px;
}
a.wikibutton:hover {
  text-decoration: underline;
}


/****************************************************************************************
 * Le pied de page
 ****************************************************************************************/

.footer {
  color: #CCCCCC;
  padding: 5px 10px;
  border-top: 1px solid #CCCCCC;
}
.footer * {
  font-size: 7pt;
}

.footer a {
  color: #CCCCCC;
}
.footer a.wikibutton {
  padding: 0;
}


/****************************************************************************************
 * Colonne de droite
 ****************************************************************************************/

table#colonnedroite p.saison {
  margin-left: 15px;
  margin-top: 150px;
  font-size: 16px;
  letter-spacing: 3px;
  color: #cc0000;
}
table#colonnedroite a {
  font-size: 12px;
  letter-spacing: 0px;
  text-decoration: none;
  color: #0000ff;
}
table#colonnedroite img.affiche {
  margin-left: 15px;
}
table#colonnedroite p.expo {
  font-size: 80%;
  margin-left: 15px;
  margin-right: 15px;
}
table#colonnedroite p.expo span.titreexpo {
  font-size: 16px;
  color: #cc0000;
}
table#colonnedroite p.separateur {
  color: #669999;
  font-size : 100%; /* remove? */
  letter-spacing : 3px;
  font-weight: bold;
  margin-left: 15px;
  margin-top: -5px;
  margin-bottom: -5px;
}
table#colonnedroite p.avenir {
  font-size: 16px;
  margin-left: 15px;
}



/****************************************************************************************
 * Le corps de la page
 ****************************************************************************************/

/*--------------------------------------------------------------------------------------*
 * Des réglages généraux (couleurs, marges, polices...)
 *--------------------------------------------------------------------------------------*/

/* Body : couleurs, marges */

body {
  background-color: white;
  color: black;
  margin: 0;
}

/* Headers, Listes, Formulaires : pas de marges */

h1, h2, h3, h4, h5 {
  margin: 0px;
  padding: 0px;
}

ul, ol {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

form {
  margin: 0px;
  padding: 0px;
}

/* Liens, Filets */

a {
  color: blue;
}

hr {
  border: 0px;
  color: Black;
  /* Internet Explorer */ background-color: Black;
  height: 1px;
}

table.buttonlink {
  border: solid thick lightblue;
  padding: 10pt;
  text-align: center;
}
table.buttonlink a {
  text-decoration: none;
  color: black;
}

/* Encadré */

.encadre {
  float: right;
  width: 200px;
  margin: 10px;
  margin-right: 30px;
  padding: 10px;
  background-color: #FF8400;
  border: 2px solid #FF6600;
  text-align: justify;
  font-weight: bold;
}

/* Le texte */

body, p, td, li, input, select, textarea {
  font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 1.3;
}

.page {
  background-color: #FFFFFF;
  padding: 10px 20px;
  border: none;
  text-align: justify;
}

/*--------------------------------------------------------------------------------------*
 * Les titres
 *--------------------------------------------------------------------------------------*/

/* Headers */

h1 { /* 6 = */
  color: #FF8400;
  text-align: center;
}

h2 { /* 5 = */
  color: #FF8400;
  border-bottom: solid #FF8400 1px;
}

h3 { /* 4 = */
  color: #FF8400;
}

h4 { /* 3 = */
  font-style: italic;
  font-weight: bold;
}

h5 { /* 2 = */
  font-weight: bold;
  font-size: 13px;
  margin-bottom: 6px;
}

/*--------------------------------------------------------------------------------------*
 * Placement des images et du bouton d'édition des images
 *--------------------------------------------------------------------------------------*/

.page img.agauche {
  float: left;
  margin-right: 15px;
}

.page img.adroite {
  float: right;
  margin-left: 15px;
}

img.docedit {
  vertical-align: baseline;
}

.page img.adroite + a > img.docedit {
  float: right;
  margin-right: -10px;
}

---mail-boundary---







More information about the imp mailing list