Email en html qui bug sur iphone
Bonjour,
J'envoi un Email en html 5 et j'ai un problème d'affichage sur iPhone (4, 5, 6).
Si mes images sont en 350 pixels ou moins, tout se passe bien.
Dès que je passe les images à 400 pixels ou plus, le texte est mangé par l'image.
Mon code vérifié est le suivant :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26
| <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title><span style="" >Nouveau</span></title>
<meta name="viewport" content="width=device-width">
<style>
body
{
background-color:#FFFFFF; /* blanc par défaut */
color: #000000; /* noir par défaut */
border: 0px solid black; /* opx par défaut */
padding:10px;
}
</style>
</head>
<body style="margin:auto;max-width:600px;">
<p style="text-align:center;"><img src="http://www.goallcomm.com/wp-content/uploads/2014/07/DesktopPC1-300x225.jpg" alt="DesktopPC1-300x225.jpg" width="350"></p>
<p style="text-align:justify;"><span style="font-family: 'Georgia';color: #262626;" >En pathologie, comme en histoire, chaque siècle a son caractère indépendant et précis ou tend à le revêtir. Celui qui vient de finir paraît, plus que tout autre, s'être donné le tort ou le mérite de continuer activement la tradition. Poursuivant avec une inlassable énergie sa marche en avant sur la voie du progrès universel, son heureuse étoile lui a permis de brûler les étapes et de jalonner ostensiblement les approches du but. </span><span style="font-family: 'Georgia';color: #262626;font-weight: bold;" >Nul de ses devanciers n'a bouleversé par suite, au même degré que lui, les idées, les mœurs et les coutumes que les générations se transmettaient avec un pieux souci, mais faussé par la conception erronée d'une intangible stabilité.</span></p>
<p style="text-align:center;"><img src="http://www.steoil.com/wp-content/uploads/2011/11/V4_kit_full-300x251.png" alt="V4_kit_full-300x251.png" width="350"></p>
<p style="text-align:justify;"><span style="font-family: 'Georgia';color: #262626;" >Les effets naturels de cette réaction excessive contre la torpeur du passé devaient inévitablement se traduire par la rupture de l'équilibre normal, sans lequel l'intime collaboration du moral et du physique aboutit fatalement au surmenage de l'un ou de l'autre, et, le plus souvent, de ces deux indissolubles facteurs du bien-être social ou individuel.</span></p>
<p style="text-align:justify;"></p>
<p style="text-align:justify;"></p>
</body>
</html> |
J'ai essayé pas mal de choses, mais rien n'y fait.
Et mon code est bon selon :
https://validator.w3.org/nu/#textarea