Réaliser une newsletter uniquement en HTML

**nagyp** · 04/09/2020, 13h08

Bonjour à tous.

Nouveau cours nouveau problème: réalisation d'une newsletter donc sans fichier css:
J’essaie de centrer verticalement mon texte "lettre d'information " "valign=middle" semble non efficace. Auriez vous une idée ?

Code html :

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
 
         <!DOCTYPE html PUBLIC>
<html lang="en">
<head>    
    <title>Newsletter</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />    
</head>
<body width=750px bgcolor="#ffffff">
    <table width="80%" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
            <td bgcolor="#dcdcdc" align="center">
                <span style="color:#222222;font-family:Arial,Helvetica,sans-serif;font-size:12px">
                    si cette lettre ne s'affiche pas correctement, : 
                    <a target="_blank" style="font-weight:bold;color:#222222;font-family:Arial,Helvetica,sans-serif;font-size:12px; text-decoration:none" href="#">cliquez ici
                    </a>
                </span>
            </td>
        </tr>
        <tr>             
			<td width="77%" 
              style="text-align: center;background-color: green;">
                <img  src="img/logo-top.png" title="" width="11%"/>
                <span style="font-weight:bold; padding-left: 3%; color:#222222;font-family:Arial,Helvetica,sans-serif;font-size:12px;">
                    Lettre d'information
                </span>
            </td>
        </tr>
 
 
 
 
    </table>
 
</body>  
</html>

**Doksuri** · 04/09/2020, 13h19

sans fichier css, ne signifie pas sans balise css...
plutot que tout faire en inline, tu peux ajouter un <style></style> dans la balise head, et y mettre ton css comme tu le ferais dans un fichier

**NoSmoking** · 05/09/2020, 10h38

Bonjour,
essaie de mettre un vertical-align:middle; sur l'image précédent ton texte.

Réaliser une newsletter uniquement en HTML

CSS

Vue hybride

Discussions similaires

Partager

Partager