Image template mail

serviceinfo · lun. 17 juin 2024 10:33

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 ?

lun. 17 juin 2024 11:05

Bonjour,

Pouvez-vous transmettre l'ensemble du code source ?

Cft

serviceinfo · lun. 17 juin 2024 11:14

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>


<tr>
<td width="100%" class="header">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tbody>
<tr>

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

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

lun. 17 juin 2024 12:17

Avez vous essayer une balise style sur l'image avec un text-align a center ?

serviceinfo · lun. 17 juin 2024 12:29

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.

lun. 17 juin 2024 12:30

Et une balise <center> enveloppant l'image ?

serviceinfo · lun. 17 juin 2024 12:32

La balise magique ! L'alignement au centre est fonctionnel avec celle-ci ! Au top, vous assurez merci beaucoup !