clean code, ajout texte top

This commit is contained in:
grisel-davy 2020-09-25 10:40:42 +02:00
parent bc38559582
commit 313759bc8a

View file

@ -37,7 +37,6 @@
padding-left:40px; padding-left:40px;
text-align: center; text-align: center;
} }
@media (max-width: 660px) { @media (max-width: 660px) {
.block-grid, .block-grid,
.col { .col {
@ -98,40 +97,32 @@
<div class="col num12" style="min-width: 320px; max-width: 640px; display: table-cell; vertical-align: top; width: 640px;"> <div class="col num12" style="min-width: 320px; max-width: 640px; display: table-cell; vertical-align: top; width: 640px;">
<div style="width:100% !important;"> <div style="width:100% !important;">
<div style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:0px; padding-bottom:0px; padding-right: 0px; padding-left: 0px;"> <div style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:0px; padding-bottom:0px; padding-right: 0px; padding-left: 0px;">
<!--<![endif]-->
<table border="0" cellpadding="0" cellspacing="0" class="divider" role="presentation" style="table-layout: fixed; vertical-align: top; border-spacing: 0; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; min-width: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;" valign="top" width="100%"> <div style="height: 50px; width: 100%;">
<tbody> <span></span>
<tr> </div>
<td class="divider_inner" style="word-break: break-word; vertical-align: top; min-width: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;" valign="top">
<table align="center" border="0" cellpadding="0" cellspacing="0" class="divider_content" height="120" role="presentation" style="table-layout: fixed; vertical-align: top; border-spacing: 0; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-top: 0px solid transparent; height: 120px; width: 100%;" valign="top" width="100%"> <div class="texte_center" style="font-size:20px;">
<tbody> <p>
<tr style="vertical-align: top;" valign="top"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
<td height="120" style="word-break: break-word; vertical-align: top; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;" valign="top"><span></span></td> tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
</tr> quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
</tbody> consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
</table> cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
</td> proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</tr> </p>
</tbody> </div>
</table>
<div style="height: 50px; width: 100%;">
<span></span>
</div>
<div align="center" class="img-container center autowidth" style="padding-right: 20px;padding-left: 20px;"> <div align="center" class="img-container center autowidth" style="padding-right: 20px;padding-left: 20px;">
<img align="center" alt="Alternate text" border="0" class="center autowidth" src="https://perso.crans.org/grisel-davy/images_mail/logo_black.png" style="text-decoration: none; -ms-interpolation-mode: bicubic; height: auto; border: 0; width: 100%; max-width: 385px; display: block;" title="Alternate text" width="385"/> <img align="center" alt="Alternate text" border="0" class="center autowidth" src="https://perso.crans.org/grisel-davy/images_mail/logo_black.png" style="text-decoration: none; -ms-interpolation-mode: bicubic; height: auto; border: 0; width: 100%; max-width: 385px; display: block;" title="Alternate text" width="385"/>
</div> </div>
<table border="0" cellpadding="0" cellspacing="0" class="divider" role="presentation" style="table-layout: fixed; vertical-align: top; border-spacing: 0; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; min-width: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;" valign="top" width="100%"> </div>
<tbody> <div style="height: 400px; width: 100%;">
<tr style="vertical-align: top;" valign="top"> <span></span>
<td class="divider_inner" style="word-break: break-word; vertical-align: top; min-width: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;" valign="top">
<table align="center" border="0" cellpadding="0" cellspacing="0" class="divider_content" height="500" role="presentation" style="table-layout: fixed; vertical-align: top; border-spacing: 0; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-top: 0px solid transparent; height: 500px; width: 100%;" valign="top" width="100%">
<tbody>
<tr style="vertical-align: top;" valign="top">
<td height="500" style="word-break: break-word; vertical-align: top; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;" valign="top"><span></span></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div> </div>
</div> </div>
</div> </div>