Tableau et cellules

Fermé
mpj-marie Messages postés 5 Date d'inscription jeudi 18 avril 2013 Statut Membre Dernière intervention 25 avril 2013 - 18 avril 2013 à 17:30
mpj-marie Messages postés 5 Date d'inscription jeudi 18 avril 2013 Statut Membre Dernière intervention 25 avril 2013 - 25 avril 2013 à 09:07
Bonjour,

J'ai besoin de votre aide car je ne suis pas du tout formée pour travailler sur Dream mais mes fonctions m'y obligent et j'ai un souci avec un montage emailing et des histoires de tableau et de cellules qui ne font pas ce que j'attends d'elles !! ;)

Je m'explique, pour faire mon intégration j'ai donc procédé au découpage de mon fichier psd j'ai intégré tout ça dans des tableaux sur dream, or, dans ce tableau, ma cellule (dont j'ai pourtant défini la largeur et la hauteur) ne s'adapte pas correctement à l'image en bg et je me retrouve avec un énorme blanc en plein milieu de mon graphisme ...

Je n'y comprends rien je suis sûre que ce doit être une petite broutille mais n'y connaissant pas grand chose je patauge et cela depuis des heures grrr

newsletter rendu >> http://regie-target-it.fr/wp-content/uploads/2013/04/menu-semaine17-le-dominion-tests.html

voici l'extrait de code du tableau (désolée ça doit être le bazar :s j'espère pas ...)

Merci d'avance !! Répondez nombreux svpppp !

<table width="600" border="0" cellspacing="0">
<tr>
<td width="17" height="661" rowspan="5" valign="top" style="background-image:url(http://regie-target-it.fr/wp-content/uploads/2013/04/menu-marche-le-dominion-19px.jpg); background-repeat: no-repeat;" margin="0" padding="0"> </td>
<td width="336" height="99" valign="top" style="background-image:url(http://regie-target-it.fr/wp-content/uploads/2013/04/menu-marche-le-dominion-2.jpg); background-repeat: no-repeat;"> </td>
<td width="6" height="661" rowspan="5" style="background-image:url(http://regie-target-it.fr/wp-content/uploads/2013/04/menu-marche-le-dominion-6.jpg); background-repeat: no-repeat;"> </td>
<td width="211" height="101" rowspan="3" valign="top" style="background-image:url(http://regie-target-it.fr/wp-content/uploads/2013/04/menu-marche-le-dominion-7.jpg); background-repeat: no-repeat;"> </td>
<td width="22" height="661" rowspan="5" style="background-image:url(http://regie-target-it.fr/wp-content/uploads/2013/04/menu-marche-le-dominion-10.jpg); background-repeat: no-repeat;"> </td>
</tr>
<tr>
<td width="336" height="151" valign="top" style="background-image:url(http://regie-target-it.fr/wp-content/uploads/2013/04/menu-marche-le-dominion-3.jpg); background-repeat: no-repeat;"><h5 align="center">Du 9 au 12 Avril 2013</h5>
<div align="center"><br />
Aumônière de moules et crevettes velouté crustacé <br />
Ou<br />
Parfait de foie gras au pain d'épice <br />
Ou<br />
Roulé d'asperge blanche au saumon fumé</div></td>
</tr>
<tr>
<td width="336" height="157" valign="top" style="background-image:url(http://regie-target-it.fr/wp-content/uploads/2013/04/menu-marche-le-dominion-3-11.jpg); background-repeat: no-repeat;"><div align="center"><br />
<br />
<br />
<br />
Papillote de lieu jeune sauce curcumas <br />
Ou<br />
Magret de canard sauce aux cèpes<br />
Galette de pommes de terre persillée <br />
Ou<br />
Duo de bar et turbot, beurre blanc <br />
Ecrasé de pommes de terre vitelotte </div></td>
</tr>
<tr>
<td width="336" height="186" valign="top" style="background-image:url(http://regie-target-it.fr/wp-content/uploads/2013/04/menu-marche-le-dominion-4.jpg); background-repeat: no-repeat;"><div align="center"><br />
<br />
<br />
<br />
Gratin d'ananas et banane Plantin <br />
Glace menthe chocolat <br />
Ou<br />
Fondant chocolat sauce caramel beurre salé <br />
Glace à la crème fraîche d'Isigny <br />
Ou<br />
Assiette de fromages <br />
Camembert, pont l'évêque </div></td>
<td width="211" height="153" style="background-image:url(http://regie-target-it.fr/wp-content/uploads/2013/04/menu-marche-le-dominion-8.jpg); background-repeat: no-repeat;"> </td>
</tr>
<tr>
<td width="336" height="62" valign="top" style="background-image:url(http://regie-target-it.fr/wp-content/uploads/2013/04/menu-marche-le-dominion-5.jpg); background-repeat: no-repeat;"> </td>
<td width="211" height="409" style="background-image:url(http://regie-target-it.fr/wp-content/uploads/2013/04/menu-marche-le-dominion-9.jpg); background-repeat: no-repeat;"> </td>
</tr>
</table>
A voir également:

2 réponses

Guiver Messages postés 262 Date d'inscription mardi 30 novembre 2010 Statut Membre Dernière intervention 20 mai 2021 87
Modifié par Guiver le 22/04/2013 à 16:02
Salut,

Désolé, je ne comprend pas...
Tu as découpé une image que tu reconstitues en tableau c'est ça ?
Si c'est ça, quel intérêt ?
Si c'est pas ça; peux-tu ré-expliquer stp ?

PS : Sur le lien, personnellement, ça apparait correctement.
0
mpj-marie Messages postés 5 Date d'inscription jeudi 18 avril 2013 Statut Membre Dernière intervention 25 avril 2013
22 avril 2013 à 16:12
Bonjour et merci de m'avoir répondu !

J'ai poursuivis mon investigation et suis enfin parvenue à reconstituer comme il faut mon image (c'est pour cela que sur le lien tout est ok, maintenant ;)) ...

En revanche, mon problème est que je pensais pouvoir intégrer du texte par dessus (images en background), mais je viens de me rendre compte que cela ne passe pas en emailing (sur les clients de messagerie j'entends) ... je suis dépitée... tout ce temps passé ... mon texte apparaît parfaitement mais aucune image du coup !!! Quel dommage !!

As tu une solution ? Là j'ai pris l'option tout image (avec la balise alt bien sûr) même si ce n'est pas ce qui est le plus conseillé pour les FAI ... J'ai bien pensé à mettre mon texte tout seul sur un fond de couleur blanc du coup (avec le reste de mes images autour) ... mais le rendu sera moins quali ça m'embête ...

Ton avis ?

Merci

A bientôt
0
Guiver Messages postés 262 Date d'inscription mardi 30 novembre 2010 Statut Membre Dernière intervention 20 mai 2021 87
22 avril 2013 à 16:22
Hum,
Déjà, les clients de messagerie n'afficheront pas les images par défauts, et tu ne peux rien y faire.

J'ai jamais poussé le html et le css dans un mail parce que les clients le gère mal, ou peu ou le bride volontairement.

Si tu mets une <div> en absolute en fixant hauteur / largeur
un <table> à 100% largeur + hauteur.
avec les <td><img></td> dedans (ou en background, peu importe)
Et que tu place ton texte en absolute par dessus le <div> avec un z-index plus haut, ça fonctionne ?
0
mpj-marie Messages postés 5 Date d'inscription jeudi 18 avril 2013 Statut Membre Dernière intervention 25 avril 2013
22 avril 2013 à 16:39
Oui je sais bien que les images ne s'affichent pas automatiquement ... mais je voulais respecter au plus près les "bonnes pratiques" de l'emailing en intégrant un max de texte brut à mon graphisme, sans l'altérer ...

Je vais essayer avec tes conseils .. mais j'ai lu que les div étaient déconseillées également ? Au même titre que les rowspan et colspan ... ?

Tu as raison pour la prochaine il va falloir que je tienne compte de tout ça pour ma maquette et ne pas faire un truc trop chiadé ! Mais certains clients veulent du "ouah ouh" mdr ...Mais vu la galère dans laquelle je me retrouve :s ...

Merci
0
mpj-marie Messages postés 5 Date d'inscription jeudi 18 avril 2013 Statut Membre Dernière intervention 25 avril 2013
22 avril 2013 à 16:53
Tu as un exemple de ligne de code pour ça ? stp ... je débute ...
0
Guiver Messages postés 262 Date d'inscription mardi 30 novembre 2010 Statut Membre Dernière intervention 20 mai 2021 87
24 avril 2013 à 17:49
Pas le temps de le faire en détail, et pas forcément besoin des div.
Ça donnerai un truc du genre :
<table>
...
</table>
<p>
...
</p>

et en css:
table
{
position: absolute;
top: 2px;
right: 2px;
width: 500px;
z-index: 1;
}
p
{
position: absolute;
top: 2px;
right: 2px;
width: 500px;
z-index: 2;
}
0
mpj-marie Messages postés 5 Date d'inscription jeudi 18 avril 2013 Statut Membre Dernière intervention 25 avril 2013
25 avril 2013 à 09:07
Merci beaucoup je vais essayer ça ^^
0