• imprimer
  • aide

Forum de discussions « XHTML - HTML - CSS »

Retrouvez les publications relatives à ces discussions dans nos rubriques CSS, HTML, XHTML.

Affichage signature html sur iphone

liste des forums liste des discussions Participer à la discussion

Photo de piercleo Message publié le mercredi 28 décembre 2011 - 16h14 par piercleo.
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
Photo de elizabeth Message publié le mardi 17 janvier 2012 - 12h20 par elizabeth. les pieds sur terre et la tête dans les étoiles
Bonjour,

tu as deux possibilités :
- soit détecter si le site est affiché sur un smart phone ou sur un écran normal, et définir les styles en fonction du support,
- soit mettre aussi la signature en jpg, comme le logo. ainsi tu es sûr que ça s'affichera toujours pareil quelque soit le support.

Bonne journée,

Petite fée

liste des forums liste des discussions Participer à la discussion

Vous devez obligatoirement vous identifier en tant que membre pour participer à cette discussion.

ACCÉS COMMUNAUTÉ

Rejoignez ALL HTML

Publiez vos articles, actualités, communiqués ... Donnez votre avis, partagez votre réseau, rencontrez d'autres membres et participez à la vie de la communauté.

Les 5 dernières discussions