Bonjour,
Je suis nouveau sur ce forum et aussi pas mal débutant en html.
J'ai créé une signature html pour un de mes clients. Celle-ci s'affiche à peu prêt correctement sur tout type de logiciel de messagerie. En revanche, sur mobile la signature s'affiche très mal car la taille de la police est modifiée.
Voici deux captures d'écran montrant la différence d'affichage :
http://www.telechargements.lapetitesouris.co/Sign_iphone.PNG
http://www.telechargements.lapetitesouris.co/Sign_ordi.PNG
Voici par ailleurs le code html que j'ai créé :
---
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<META http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<TITLE>Signature</TITLE>
<style type="text/css">
<!--
.bloc1 {
font-family: Arial;
font-size: 11px;
text-transform:uppercase;
color: #000000;
text-decoration: none;
}
.bloc2 {
font-family: Arial;
font-size: 10px;
text-transform: uppercase;
color: #5a504a;
text-decoration: none;
}
.bloc3 {
font-family: Arial;
font-size: 10px;
text-transform: uppercase;
color: #8d7d74;
text-decoration: none;
}
-->
</style>
</HEAD>
<BODY>
<TABLE width="345" border="0" height="3">
<TR>
<TD><img src="http://www.hoogstoel.fr/H&A_filet.jpg" alt="Filet" width="345" height="3" /></TD>
</TR>
</TABLE>
<TABLE width="345" border="0" height="59">
<TR width="140" height="13">
</TR>
<TR>
<TD width="172" height="46" align="left" valign="bottom"><img src="http://www.hoogstoel.fr/H&A_logo.jpg" alt="Logo Hoogstoël & associés" width="140" height="46"/></TD>
<TD width="173" height ="46" align="left" valign="bottom">
<span class="bloc1" style="font-family: Arial; font-size: 11px; line-height: 12px; text-transform: uppercase; color: #000000; text-decoration: none;">FRANçOIS HOOGSTOËL</span><br />
<span class="bloc2" style="font-family: Arial; font-size: 9px; line-height: 22px; text-transform: uppercase; color: #5a504a; text-decoration: none;">TÉL. +33 (0)6 21 03 20 28</span><br />
<span class="bloc3" style="font-family: Arial; font-size: 9px; line-height: 8px; text-transform: uppercase; color: #8d7d74; text-decoration: none;">25, AVENUE DE L'OPÉRA 75001 PARIS<br />
</TD>
</TR>
</TABLE>
</BODY>
</HTML>
---
Je suis preneur de tout conseil afin d'optimiser au mieux la signature afin que celle ci s'affiche correctement aussi sur iphone car mon client a un iphone et qu'il n'est pas trop content de ce petit problème d'affichage.
Meilleurs voeux à tout le monde,
Piercleo
all html : Le portail des webmaster
Message publié le mercredi 28 décembre 2011 - 16h14 par piercleo. 
Message publié le mardi 17 janvier 2012 - 12h20 par elizabeth. les pieds sur terre et la tête dans les étoiles 
