Page 2 sur 2

Re: Image template mail

Posté : lun. 17 juin 2024 10:33
par serviceinfo
Bonjour,
bon j'ai fais redimensionner mon image pas mon services marketing, cependant j'ai l'impression que la réaction des classes CSS dans un template mail n'est pas la même, impossible d'avoir un rendu d'image aligné au centre dans le mail alors qu'il l'est bien sur ma page web.
Avez-vous des idées pour tout ça ?

Re: Image template mail

Posté : lun. 17 juin 2024 11:05
par Flox
Bonjour,

Pouvez-vous transmettre l'ensemble du code source ?

Cft

Re: Image template mail

Posté : lun. 17 juin 2024 11:14
par serviceinfo
Ci-dessous le code sources :


<!DOCTYPE HTML PUBLIC ">
<html>
<head>
<title>GestSup mail notification</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style type="text/css">
/* Fonts and Content */
body, td { font-family: Arial; font-size:14px; }
body { background-color: #C51A1C; margin: 0; padding: 0; -webkit-text-size-adjust:none; -ms-text-size-adjust:none; }
h2{padding-top:0px; color:#0E7693; font-size:18px; text-align: center;}
span.title{color:#0E7693; font-size:14px; padding-bottom:2px;}
td.header{background-color: #FFFFFF}
td.footer{background-color: #FFFFFF;}
p.min{font-size:12px; text-align:center;}
.center {
display: block;
margin: auto;
width: 200px;
}
</style>
</head>
<body style="margin:0px; padding:0px; -webkit-text-size-adjust:none;">
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:rgb(42, 55, 78)" >
<tbody>
<tr>
<td align="center" bgcolor="#C51A1C">
<table cellpadding="0" cellspacing="0" border="0">
<tbody>
<!-- header -->
<!-- <tr>
<td width="640" height="10"></td>
</tr> -->
<tr>
<td width="100%" class="header">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tbody>
<tr>
<!-- <td width="30"></td> -->
<img class="center" src="https://i.ibb.co/S6cf5nb/Logo-Groupe-BA ... 224x80.png" alt="Logo-Groupe-BAUDAIRE-224x80" border="0">
<td width="100%" valign="middle" align="left">
<p style="color: black; font-size:15px; text-align: center; font-weight: bold;">Votre ticket a été mis à jour, pour le consulter rendez-vous dans votre espace personnel.</p>
<h2>
#mail_object#
</h2>
</br>
</td>
<td width="30"></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td width="640" height="1" bgcolor="#d7d6d6"></td>
</tr>
<!-- content -->
<tr class="content">
<td width="640" bgcolor="#FFFFFF">
<table width="640" cellpadding="0" cellspacing="0" border="0">
<tbody>
<tr>
<td width="30"></td>
<td class="w580" width="580">
<br />
<p style="padding-top:12px; text-align: center;">#mail_txt#</p>
<table class="w580" width="580" cellspacing="0" cellpadding="0" border="0" style="text-align: center;">
<tbody>
<tr>
<td width="275" valign="top">
<span class="title">#title# :</span> #ticket_title#
</td>
<td width="30" ></td>
<td width="275" valign="top">
<span class="title">#category# :</span> #ticket_category# - #ticket_subcat#
</td>
</tr>
<tr>
<td width="275" valign="top">
<span class="title">#user# :</span> #ticket_user#
</td>
<td width="30" ></td>
<td width="275" valign="top">
<span class="title">#technician# :</span> #ticket_technician#
</td>
</tr>
<tr>
<td width="275" valign="top">
<span class="title">#state# :</span> #ticket_state#
</td>
<td width="30" ></td>
<td width="275" valign="top">
<span class="title">#date_create# :</span> #ticket_date_create#
</td>
</tr>
<tr>
<td colspan="3" class="w580" height="5" ></td>
</tr>
<tr>
<td colspan="3" class="w580" height="1" bgcolor="#c7c5c5"></td>
</tr>
<tr>
<td colspan="3" class="w580" height="5" ></td>
</tr>
<tr>
<td colspan="3" class="w580">
<span class="title">#description# :</span> <p>#ticket_description#</p>
</td>
</tr>
<tr>
<td colspan="3" class="w580" height="1" bgcolor="#c7c5c5"></td>
</tr>
<tr>
<td colspan="3" class="w580" height="5" ></td>
</tr>
<tr>
<td colspan="3" class="w580">
<span class="title">#resolution# :</span> <p>#ticket_resolution#</p>
</td>
</tr>
<tr>
<td colspan="3" class="w580" height="1" bgcolor="#c7c5c5"></td>
</tr>
</tbody>
</table>
</td>
<td width="30"></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr >
<td width="640" class="footer">
<table width="640" cellpadding="0" cellspacing="0" border="0" >
<tbody>
<tr>
<td colspan="5" height="10"></td>
</tr>
<tr>
<td width="30"></td>
<td class="w580" width="580" valign="top">
<p class="min" >#mail_txt_end#</p>

</td>
<td width="30"></td>
</tr>
<tr>
<td colspan="5" height="10"></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td width="640" height="60"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</body>

Re: Image template mail

Posté : lun. 17 juin 2024 12:17
par Flox
Avez vous essayer une balise style sur l'image avec un text-align a center ?

Re: Image template mail

Posté : lun. 17 juin 2024 12:29
par serviceinfo
Avec un balise style text-align:center; mon image n'est même plus alignée lorsque j'affiche ma page web sur chrome, je doute donc qu'elle soit alignée dans le template.

Re: Image template mail

Posté : lun. 17 juin 2024 12:30
par Flox
Et une balise <center> enveloppant l'image ?

Re: Image template mail

Posté : lun. 17 juin 2024 12:32
par serviceinfo
La balise magique ! L'alignement au centre est fonctionnel avec celle-ci ! Au top, vous assurez merci beaucoup !