Probléme mise en forme du texte

**Rifton007** · 19/09/2008, 02h09

Bonjour à tous et merci d'avance pour l'aide apporté.
Une image vaut mieux qu'un long discours, donc voici (voir pièce jointe)

C'est un papier à letters que j'ai crée pour ma boîte.
Sous Outlook 2007 et Windows Live Mail il s'affiche correctement.
Par contre sous Hotmail.com c'est pas le cas, le texte est centré.

Je pense que c'est du au faite que le tableau principale est en align="center"
Car le papier à lettre lui doit être centré sur l'horizontale.

J'utilise du CSS pour la mise en forme du texte.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
#body_text {
    text-align: left;
    padding-bottom: 40px;
    padding-left: 10px;
    padding-right: 10px;
}

Donc sous Outlook, Windows Live Mail pas de probléme.
Sous hotmail.com

Si je met text-align: left; le texte est centré alors qu'il devrait se trouvé à gauche
Si je met text-align:right; le texte est à droite comme le code le prévoit

Voici le liens pour la page http://www.delightfactory.eu/mail/te...ail_forum.html

Et voici le code de la page

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<html>
<style type="text/css">
<!--
Table{
    font-family: "Tw Cen MT";
    font-size: 16px;
    font-style: normal;
    color: #2a496f;
}
#body_text {
    text-align: left;
    padding-bottom: 40px;
    padding-left: 10px;
    padding-right: 10px;
}
#headers_text {
    text-align: right;
    padding-right: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
}
a {
    font-family: "Tw Cen MT";
    font-size: 16px;
    font-style: normal;
    color: #4ba1f8;
}
 
-->
</style>
<body bgcolor="#FFFFFF"> 
<div align="center">
<table width="562" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td height="185" width="562"><a href="http://www.delightfactory.eu/"><img src="http://www.delightfactory.eu/mail/top.jpg" width="562" height="185" border="0"></a></td>
  </tr>
   <tr>
    <td height="20"width="562" id="headers_text">Bruxelles, le jeudi 18 septembre 2008</td>
  </tr>
  <tr>
    <td height="20"id="body_text" width="562"><p>Bonjour demain je serais pas l&agrave; merci.<br>
    Demain aussi figure toi, je serais pas l&agrave;, alors va voir ailleur si j y suis.</p>
      </td>
  </tr>
  <tr>
    <td height="195" width="562"><a href="http://www.delightfactory.eu/"><img src="http://www.delightfactory.eu/mail/bottom.jpg" width="562" height="195" border="0"></a></td>
  </tr>
    <tr>
    <td height="105" width="562"><img src="http://www.delightfactory.eu/mail/bottom_2.jpg" width="562" height="105"></td>
  </tr>
</table>
 
</div>
 
</body>
</html>

**htr999** · 21/09/2008, 10h02

essaie de définir

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

align="center"

dans ta balise "body" (donc en enlevant la 1ere div)
et de définir pour la balise "p"

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

text-align: left;

a+

nb. essaie aussi de définir un doctype pour ton mailing

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Probléme mise en forme du texte

CSS

Discussions similaires

Partager

Partager