une graphiste print galère pour une newsletter html

Version imprimable

01/03/2008, 12h38
liloo220286

une graphiste print galère pour une newsletter html

Bonjour !

Voilà je suis entrain de faire une newsletter avec dreamweaver CS3. Je travaille avec l'interface fractionnée (code et visuel) car je n'avais jamais travaillé avec du code avant.

J'ai d'abord fait un tableau de 590px de large par 836px de haut avec environ 16 lignes et 3 colonnes. Jusqu'ici tout va pas trop mal, mais le problème se situe là: Il y a 3 colonnes. La première celle de gauche (qui est divisé en plusieurs cases car il y a des titres et du texte courant) agis forcément sur les 2 autres quand j'insère mon texte. Dans la 3e celle de droite, il y a 2 rectangles bleus arrondis l'un sous l'autre. Chaque haut et chaque bas des carrés est une image car il y a des arrondis, et leur centre est une case avec seulement un fond de la même couleur. Ils sont censés être toujours assez petits, car c'est là que je mets les idées importantes, ils sont comme une petite note. Mais dés que je mets du texte dans la colonne de gauche, les carrés s'agrandissent et deviennent immenses... logiques. mais j'veux pas que ça fasse ça, une solution?

Merci d'avance.

Liloo
01/03/2008, 13h15
Erwan31

Bonjour,
pas sure de bien comprendre, le mieux dans ce cas est de monter un print screen du tableau. Peut-être qu'il faut que tu spécifies une largeur à tes cellules.
01/03/2008, 16h03
liloo220286

Je suis entrain de galérer pour mettre mon print écran sur un ftp (que je n'ai pas encore) mais je vais y arriver... soyons patient.
01/03/2008, 17h11
blueice

On ne doit pas utiliser de tableaux pour la mise en page...
Tu ferais mieux de faire une image Jpeg et d'envoyer tel quel.:aie:
02/03/2008, 15h25
liloo220286

Voici l'imprim écran

http://maiseaulucile.neuf.fr/image1.png

Vous voyez que le rectangle bleu à droite s'agrandit en même temps que la colonne de gauche. Et je voudrais que ce rectangle bleu soit "indépendant" car il y aura bcp moins de texte dans ce rectangle que dans la colonne de gauche.
02/03/2008, 17h46
blueice

Sans code ce sera difficile et de toute façon il suffit de fixer les colonnes...

Le code

VOILA le code

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
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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Document sans nom</title>
<style type="text/css">
<!--
.Style1 {
        font-family: "Courier New", Courier, monospace;
        color: #FF9116;
        font-weight: bold;
}
.Style2 {
        font-family: "Courier New", Courier, monospace;
        font-weight: bold;
        color: #09CDFD;
}
.Style3 {
        font-family: "Courier New", Courier, monospace;
        font-weight: bold;
        color: #90D620;
}
.Style4 {
        font-family: "Courier New", Courier, monospace;
        color: #FF6699;
        font-weight: bold;
}
.Style5 {
        font-family: "Courier New", Courier, monospace;
        color: #990066;
        font-weight: bold;
}
.Style6 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
}
-->
</style>
</head>
 
<body>
<table width="590" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td height="181" colspan="5"><div align="right"><img src="http://maiseaulucile.neuf.fr/banniere.jpg" width="590" height="181" /></div></td>
  </tr>
  <tr>
    <td width="6" rowspan="24" background="http://maiseaulucile.neuf.fr/contour_gauche.jpg">&nbsp;</td>
    <td height="43" colspan="3"><img src="http://maiseaulucile.neuf.fr/menu.jpg" width="579" height="42" border="0" /></td>
    <td width="4" rowspan="24" align="" background="http://maiseaulucile.neuf.fr/contour_droit.jpg"></td>
  </tr>
  <tr>
    <td height="22" colspan="3">&nbsp;</td>
  </tr>
  <tr>
    <td width="347" height="13"><span class="Style1">Animation</span></td>
    <td width="31" rowspan="22">&nbsp;</td>
    <td width="201" height="12"><img src="http://maiseaulucile.neuf.fr/rect_bleu_haut.jpg" width="201" height="16" /></td>
  </tr>
  <tr>
    <td width="347"><div align="left">
      <p class="Style6">A l’occasion de la dixième édition du concours « AGIS POUR TES DROITS » proposé par la Fédération nationale des Francas, la participation de 5 structures de loisirs girondines a permis de mobiliser 80 enfants de 5 à 12 ans.<br />
        Lors du dernier Salon de l’Education, un jury national a sélectionné, pour chaque catégorie, des affiches que vous pouvez découvrir en ligne sur le site http:// francasseinesaintdenis.joueb.com/<br />
        </p>
      <p class="Style6">Le centre de loisirs de Saint-Germain du Puch fait partie des lauréats dans la catégorie 1 (moins de 6 ans). Toutes nos félicitations aux enfants et à l’équipe d’animation !<br />
        </p>
      <p class="Style6">Festival des FRANCASFOLIES<br />
      <br />
  La deuxième édition des FrancasFolies se déroulera du 11 au 14 août 2008 à Saint-Symphorien.<br />
        </p>
      <p class="Style6">Au menu : un séjour court (3 nuits et 3 jours) pour les 5-12 ans, <br />
  &gt; propice à la pratique artistique et à la découverte de spectacles &quot; jeune public &quot; variés. Dès à présent, vous pouvez, dans le cadre de la préparation de vos séjours de l’été 2008, intégrer cette proposition en direction des familles.</p>
      <p class="Style6">RENSEIGNEMENTS : Marie-Pierre MUSYT : 05 57 77 28 12</p>
      <p class="Style6">&nbsp;</p>
    </div></td>
    <td width="201" height="160" bgcolor="#B5F0FE">&nbsp;</td>
  </tr>
  <tr>
    <td width="347"><span class="Style2">Formation continue</span></td>
    <td width="201"><img src="http://maiseaulucile.neuf.fr/rect_bleu_bas.jpg" width="201" height="16" /></td>
  </tr>
  <tr>
    <td width="347">&nbsp;</td>
    <td width="201">&nbsp;</td>
  </tr>
  <tr>
    <td width="347"><span class="Style3">Documentation</span></td>
    <td width="201"><img src="http://maiseaulucile.neuf.fr/rect_bleu_haut.jpg" width="201" height="16" /></td>
  </tr>
  <tr>
    <td width="347">&nbsp;</td>
    <td width="201" height="160" bgcolor="#B5F0FE">&nbsp;</td>
  </tr>
  <tr>
    <td width="347"><span class="Style4">Nouveaux sites</span></td>
    <td width="201"><img src="http://maiseaulucile.neuf.fr/rect_bleu_bas.jpg" width="201" height="16" /></td>
  </tr>
  <tr>
    <td width="347">&nbsp;</td>
    <td width="201" height="162" rowspan="15">&nbsp;</td>
  </tr>
  <tr>
    <td width="347"><span class="Style5">Agenda</span></td>
  </tr>
  <tr>
    <td width="347">&nbsp;</td>
  </tr>
  <tr>
    <td width="347" class="Style1">Réglementation</td>
  </tr>
  <tr>
    <td width="347">&nbsp;</td>
  </tr>
  <tr>
    <td width="347" class="Style2">Eduquer pour demain</td>
  </tr>
  <tr>
    <td width="347">&nbsp;</td>
  </tr>
  <tr>
    <td width="347">&nbsp;</td>
  </tr>
  <tr>
    <td width="347">&nbsp;</td>
  </tr>
  <tr>
    <td width="347">&nbsp;</td>
  </tr>
  <tr>
    <td width="347">&nbsp;</td>
  </tr>
  <tr>
    <td width="347">&nbsp;</td>
  </tr>
  <tr>
    <td width="347">&nbsp;</td>
  </tr>
  <tr>
    <td width="347">&nbsp;</td>
  </tr>
  <tr>
    <td width="347">&nbsp;</td>
  </tr>
  <tr>
    <td colspan="5"><img src="http://maiseaulucile.neuf.fr/contour_bas.jpg" width="590" height="22" /></td>
  </tr>
</table>
</body>
</html>

02/03/2008, 19h20
blueice

Faut faire deux tableaux.
02/03/2008, 19h26
liloo220286

Attends attends, je suis une novice, une vraie de vraie.
Alors faut que je fasse un autre tableau avec seulement la dernière colonne de droite (2 rectangles bleus)? Mais comment je fais pour l'incorporer exactement où je veux après? (c'est à dire à l'emplacement qu'on voit là, sous la bannière etc). Et puis avec ce que j'ai là (seulement un seul tableau) qu'est ce que je fais car si j'enlève la colonne de droite, les 2 autres vont se redimensionner et prendre toute la largeur du tableau...
03/03/2008, 15h27
liloo220286

Personne peut m'aider??
03/03/2008, 16h41
blueice

Même si ce que je dis me dégoûte au plus haut point, tu dois imbriquer des tableaux.
Mais ce n'est pas comme ça qu'il faut faire normalement, les tableaux ne doivent pas être utilisés pour la mise en page uniquement pour présenter des données tabulaires.