j'ai intégré une page html destinée a être envoyé par mail: page de confirmation de réservation .
la page s'affiche sans problemes sur les navigateurs suivants:
-mozilla firefox
-internet explorer 6
-internet explorer 8
-même sur le yahoo mail.
pourtant des espaces s'affichent entre quelques cellules lorsque je l'ouvre sur hotmail ,gmail et outlook.
quelqu'un peut m'éclairer sur les problemes des page html sur les boites email
Modifié par zbexworld (08 Oct 2009 - 11:59)
la page s'affiche sans problemes sur les navigateurs suivants:
-mozilla firefox
-internet explorer 6
-internet explorer 8
-même sur le yahoo mail.
pourtant des espaces s'affichent entre quelques cellules lorsque je l'ouvre sur hotmail ,gmail et outlook.
quelqu'un peut m'éclairer sur les problemes des page html sur les boites email
<html>
<head>
<title>confirmation_5_finale</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#162648" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" style="padding: 20px 0;">
<!-- ImageReady Slices (BWFR_RES_step5_confirmation_5_finale.psd) -->
<table width="919" border="0" bgcolor="#FFFFFF" align="center" cellpadding="0" cellspacing="0" style="font-family:arial;">
<tr>
<td>
<table width="919" height="15" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2"><img src="images/BWFR_RES_step5_confirmation.gif" width="919" height="15" alt=""></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<!--debut table 1-->
<table width="919" height="233" border="0" align="center" cellpadding="0" cellspacing="0" id="Tableau_01">
<tr>
<td width="115">
<img src="images/BWFR_RES_step5_confirmat-02.gif" width="113" height="93" alt=""></td>
<td width="804" valign="bottom"><p style="font-size:18px">Confirmation de réservation</p></td>
</tr>
<tr>
<td colspan="2">
<p style="font-family:arial; font-size:12px; margin-left:20px; text-align:left;">Vous venez d'effectuer une réservation sur xxxxxxx et nous vous en remercions.
<br/>
Votre réservation n° XXXXXXXXX est confirmée, vous pouvez <span style="color:#0066CC; text-decoration:underline;">imprimer</span> cette page pour des
besoins ultérieu<br>
Pour toute question concernant votre réservation, contactez le 0800 90 44 90 (numéro vert gratuit depuis la France) ou nous envoyer un
<a href="#" style="color:#0066CC;"> email</a> .<br />A bientôt sur notre site, </p>
<p style="font-family:arial; font-size:12px;margin-left:20px;">L'Equipe xxxxxxxxxx.fr </p> </td>
</tr>
<tr>
<td colspan="2" width="919" height="13"></td>
</tr>
</table>
<!--fin table 1-->
</td>
</tr>
<!--debut table 2-->
<tr>
<td>
<table id="Tableau_01" width="919" height="453" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="6" width="919" height="35">
<img src="images/resum-top.gif" width="919" height="35" alt=""></td>
</tr>
<tr>
<td colspan="6" width="919" height="10">
<img src="images/shadow.gif" width="919" height="10" alt=""></td>
</tr>
<tr>
<td width="25" >
<img src="images/shadow1.gif" width="25" height="231" alt=""></td>
<td valign="top" width="205" height="231">
<img src="images/image.gif" width="164" height="94" alt=""><br />
<p style="text-decoration:underline; margin-top:5px; font-size:12px;"> vos coordonnées</p>
<p style="font-size:12px;">Stephan Julien<br />188 rue de Paris - France<br />Tel:01 xxxx xxxx<br/>Email:julien.stephan@mail.fr</p>
<p style="text-decoration:underline; font-size:12px;">Votre séjour</p>
</td>
<td width="249" height="231" valign="top">
<p style="font-size:11px; font-family:Georgia; font-weight:bold; margin-top:-3px;">Best Western Hotel Du Golf<br />
Marne-La-Vallee Lesigny </p>
<p style="font-family:arial; font-weight:normal; font-size:10px; margin-bottom:0">Ferme Des Hyverneaux,<br />
Marne La Vallee, 77150, France<br />
<span class="boldText">Tél :</span> +33 1 XXXX XXXX<br />
<span class="boldText">Fax :</span> +33 1 XXXX XXXX<br />
<span class="boldText">E-mail :</span> email@exemple.fr </p></td>
<td colspan="2" width="415" height="231">
<img src="images/map.gif" width="415" height="231" alt=""></td>
<td width="25" height="231">
<img src="images/shadow-left1.gif" width="25" height="231" alt=""></td>
</tr>
<tr>
<td rowspan="3" width="25" height="145">
<img src="images/shadow2.gif" width="25" height="145" alt=""></td>
<td colspan="2" rowspan="3" width="454" height="145">
<p style="font-size:12px;">Séjour <span style="font-weight:bold; font-size:12px;">du 16/10/2009</span> au <span style="font-weight:bold;">19/10/2009</span>,soit
<span style="font-weight:bold;">3 nuits</span> </p>
<p style="font-size:12px;"><span style="font-weight:bold;">Pour 3</span> personnes<span style="font-weight:bold;">(2 adultes + 1 enfant de-12 ans*)</span><br />
- <span style="font-weight:bold;">1</span> chambre : <span style="font-weight:bold;">1</span> lit queen size avec 1 adulte , <span style="font-weight:bold;">tarif spécial internet</span><br />- <span style="font-weight:bold;">1</span> chambre : <span style="font-weight:bold;">2</span> lits simples avec 1 adulte et 1 enfant (-12ans),<span style="font-weight:bold;">tarif flexible</span></p>
<p style="text-decoration:underline;font-size:12px;">Informations paiement</p>
<p style="font-size:12px;">Visa : ************3336, <span style="font-weight:bold;">Expire le</span> 1 sept. 0010</p>
</td>
<td rowspan="3" width="197" height="145">
</td>
<td width="218" height="56">
</td>
<td width="25" height="56">
<img src="images/shadow-left-2.gif" width="25" height="56" alt=""></td>
</tr>
<tr>
<td width="218" height="68" style="background:transparent url(images/montant.gif) no-repeat;">
<p style="margin:0 0 0 10px; color:#002674;font-size:13px;font-weight:bold;">Montant total : 149,00 EUR</p><p style="font-size:10px; margin:0 0 0 10px; color:#002674"> Estimation des taxes et frais : 12 EUR</p>
</td>
<td>
<img src="images/shadow-left-3.gif" width="25" height="68" alt=""></td>
</tr>
<tr>
<td width="218" height="21">
</td>
<td>
<img src="images/shadow-left-4.gif" width="25" height="21" alt=""></td>
</tr>
<tr>
<td colspan="5" width="894" height="19">
<img src="images/kk.gif" width="894" height="19" alt=""></td>
<td>
<img src="images/shadow-left-5.gif" width="25" height="19" alt=""></td>
</tr>
<tr>
<td colspan="6" width="919" height="22">
<img src="images/resum-pied.gif" width="919" height="22" alt=""></td>
</tr>
<tr>
<td colspan="6" width="919" height="5"> </td>
</tr>
</table>
</td>
</tr> <!--fin table 2-->
<tr>
<td>
<table width="919" height="185" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="4" width="919" height="56">
<img src="images/top-adherent.gif" width="919" height="56" alt=""></td>
</tr>
<tr>
<td width="22" height="24">
<img src="images/d-shadow1.gif" width="22" height="24" alt=""></td>
<td colspan="2" width="868" height="24"> </td>
<td width="29" rowspan="3">
<img src="images/d-shadow2.gif" width="29" height="24" alt="">
<img src="images/d-shadow4.gif" width="29" height="69" alt="">
<img src="images/d-shadow6.gif" width="29" height="23" alt=""></td>
</tr>
<tr>
<td width="22" height="69">
<img src="images/d-shadow3.gif" width="22" height="69" alt=""></td>
<td colspan="2" width="868" height="69" valign="top">
<p style="text-align:center; font-size:14px; font-weight:bold;">Gagnez XXX points grâce à votre réservation* !<br />
Adhérez dés maintenant et profitez de tous nos avantages : nuits gratuites, cartes cadeaux, accessoires high tech…</p> </td>
</tr>
<tr>
<td width="22" height="23">
<img src="images/d-shadow5.gif" width="22" height="23" alt=""></td>
<td width="715" height="23" valign="bottom">
<p style="font-size:10px; margin-left:5px;">*Communiquez votre N° de membre à votre arrivée à l’hôtel</p> </td>
<td width="153" height="23">
<a href="#" style="text-decoration:none;"><img style="border:0;" " src="images/button-adherent.gif" width="153" height="23" alt=""></a></td>
</tr>
<tr>
<td colspan="4" width="919" height="13">
<img src="images/botom-adherent.gif" width="919" height="13" alt=""></td>
</tr>
<tr>
<td colspan="6" width="919" height="5"> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table width="919" height="292" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="36" colspan="3">
<img src="images/condition-top.gif" width="919" height="36" alt=""></td>
</tr>
<tr>
<td width="18" >
<img src="images/condition-effet-left-1.gif" />
</td>
<td width="884" height="120" >
<p style="margin-left:20px; font-family:Arial; font-size:12px;"><span style="font-weight:bold;">Chambre 1</span> : 1 adulte , chambre double, non fumeur , tarif spécial internet </p>
<p style="margin-left:20px; font-size:12px;font-family:arial;"><span style="font-weight:bold;">Politique de conservation de la chambre</span> : en cas d'entrée tardive, merci d'appeler l'hôtel pour garantir votre chambre par carte de crédit.<br />
<span style="font-weight:bold;">Politique d'annulation</span> : tarif non annulable, non modifiable, non remboursable<br />
<span style="font-weight:bold;">Politique de garantie</span> : Réservation garantie par le numéro de la carte de crédit utilisée lors de la réservation. Prépaiement immédiat lors de la réservation<br />
<span style="font-weight:bold;">Politique enfant</span> : Gratuit pour un enfant de moins de 12 ans partageant la chambre de deux adultes, sur la literie existante, et sans lit supplémentaire.<br />
<span style="font-weight:bold;">Tarif petit déjeuner</span> : 20 EUR, le petit-déjeuner n’est pas inclus dans le prix de la chambre sauf mention contraire (voir fiche hotel),paiement sur place à l’hôtel.</p></td>
<td width="17" >
<img src="images/condition-effet-right-1.gif" />
</td>
</tr>
<tr>
<td height="1" colspan="3">
<img src="images/condition-separateur.gif" width="919" height="1" alt=""></td>
</tr>
<tr>
<td height="125" width="18">
<img src="images/condition-effet-left-2.gif" width="18" />
</td>
<td height="125" width="884">
<p style="margin-left:20px; font-size:12px;"><span style="font-weight:bold;">Chambre 2</span> : 1 adulte + 1 enfant de moins de 12 ans, chambre twin, tarif flexible</p>
<p style="margin-left:20px; font-size:12px;"><span style="font-weight:bold;">Politique de conservation de la chambre</span> : en cas d'entrée tardive, merci d'appeler l'hôtel pour garantir votre chambre par carte de crédit.<br />
<span style="font-weight:bold;">Politique d'annulation </span>: Annulation sans frais jusqu'à 4PM (heure locale) le 08/21/09 (la date qui précède est au format mois/jour/année)<br />
<span style="font-weight:bold;">Politique de garantie </span>: Réservation garantie par le numéro de la carte de crédit utilisée lors de la réservation. Paiement sur place à l'hôtel.<br />
<span style="font-weight:bold;">Politique enfant</span> : Gratuit pour un enfant de moins de 12 ans partageant la chambre de deux adultes, sur la literie existante, et sans lit supplémentaire.<br />
<span style="font-weight:bold;">Tarif petit déjeuner</span> : 20 EUR le petit-déjeuner n’est pas inclus dans le prix de la chambre sauf mention contraire (voir fiche hotel), paiement sur place à l’hôtel.</p> </td>
<td height="125" width="17">
<img src="images/condition-effet-right-2.gif" width="17" />
</td>
</tr>
<tr>
<td height="10" colspan="3">
<img src="images/condition-bottom.gif" width="919" height="10" alt=""></td>
</tr>
</table>
<tr>
<td>
<table width="919" height="55" border="0" align="center" cellpadding="0" cellspacing="0" >
<tr>
<td colspan="3" width="919" height="45">
<p style="margin-left:20px; font-size:12px;">Merci de ne pas répondre à ce message. Si vous désirez changer ou annuler votre réservation, merci de contacter un de nos centre de réservation mondiaux.<br />Les annulations ou modifications effectuées en répondant à cet email ne seront pas pris en compte. </p>
</td>
</tr>
<tr>
<td colspan="3" width="919" height="10">
<img src="images/footer.gif" width="919" height="10" alt=""></td>
</tr>
</table>
</td>
</tr>
</td>
</tr>
<tr>
<td>
<table width="919" bgcolor="#162648" height="30" border="0" align="center" cellpadding="0" cellspacing="0" >
<tr>
<td>
<p style="font-size:10px; font-family:arial; color:#DDF2F6; margin-left:20px;">Each Best Western® hotel is independently owned and operated. © 2002-2006 Best Western International, Inc. All rights reserved.</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
Modifié par zbexworld (08 Oct 2009 - 11:59)
