Affichage de code HTML dans Entourage

M

MegatronX

Membre enregistré
11 Février 2008
5
0
44
Bonjour,

C'est mon premier post donc bonjour à tous :)

Mon problème est le suivant:

J'édite des newsletters pour une boite, je les édite via dreamweaver, voici à quoi ressemble la structure dans dream:
Image%2011



Et voici mon problème, la mise en page explose dans entourage:
Image%2012



Mon problème dois venir du code des tables, car quand je vais dans le code et que je supprime les valeurs de hauteurs les éléments des tables ne se superpositionnent plus, mais explose vers le bas ....
Comment obtenir une news qui s'affiche correctement dans tout les clients mail???
 
Ok merci je vais potasser ça :)
je posterai une réponse si je trouve une solution ultime

ps:
pareil table = caca :mad: , dès que je m'y connaitrais un peu mieu je laisserai tombé ce système.
 
Sinon, si ce n'est pas indiscret, tu peux toujours poster ton code ici, on jettera un œil. Tu peux mettre du texte bidon pour ne pas afficher des promos à l'avance. ;)
 
<!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>Mac Line Education Newsletter</title>

<STYLE TYPE="text/css">
body,td,th {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#333}
body {background-color: #FFFFFF;}
a {color: #666}
a:hover{color: #cc0000;}
a.educ {color: #39F}
a.educ:hover{color: #cc0000;}
.title {font: bold 12px Arial, Verdana, Helvetica, sans-serif; color:#000;}
.rightCols {font: 10px Verdana, Arial, Helvetica, sans-serif; color:#666;}
.small {font: 9px Verdana, Arial, Helvetica, sans-serif; color:#666;}
.smallBlue {font: 9px Verdana, Arial, Helvetica, sans-serif; color:#39F;}
.style32 {font-size: 12px; font-weight: bold; }
a:link {
color: #0099CC;
}
a:visited {
color: #0099CC;
}
a:active {
color: #cc0000;
}
.style34 {font-size: 9px; }
.style43 {
font-size: 11px;
color: #FFFFFF;
}
.style44 {color: #FFFFFF}
.style47 {
color: #FFFFFF;
font-weight: bold;
font-size: 9px;
}
</STYLE>
</head>

<body>
<table width="600" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="459"><a href="http://www.macline.be/BIA_HomeL4.ASP?Cid=3"><img src="http://82.146.123.105/newsletters/2008/business/img/ban_corporatePR2_big.jpg" width="600" height="170" border="0" /></a></td>
</tr>
<tr>
<td background="http://82.146.123.105/newsletters/2008/business/img/fond.jpg"><div align="center">Si vous n'arrivez pas à voir cette Newsletter correctement cliquez <a href="http://82.146.123.105/newsletters/2008/business/sod/Newsletter_sod_fr.html">ici</a>.</div></td>
</tr>
<tr>
<td background="http://82.146.123.105/newsletters/2008/business/img/fondtable.jpg"><div align="center"><img src="http://82.146.123.105/newsletters/2008/business/Office/office2008_business_fr.jpg" width="600" height="646" border="0" usemap="#Map2" /></div></td>
</tr>
<tr>
<td height="40" background="http://82.146.123.105/newsletters/2008/business/img/toptable"><br />
<table width="539" height="19" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="279"><span class="style43">Mac Line Store</span></td>
<td width="260"><div align="right"><span class="style44">Your Most Convenient Local Partner</span></div></td>
</tr>
</table></td></tr>
<tr>
<td><a href="http://www.macline.be/BIA_MacLine/BIA_ContactL4_1.asp"><img src="http://82.146.123.105/newsletters/2008/business/img/storeimg.jpg" width="600" height="138" border="0" /></a></td>
</tr>
<tr background="http://82.146.123.105/newsletters/2008/educ/img/fondtable.jpg">
<td height="30" background="http://82.146.123.105/newsletters/2008/business/img/fondtable.jpg"><p align="center"><br />
Les Mac Line Stores vous conseillent sur les produits Apple et vous proposent un service de proximit&eacute;<br />
</p>
<table width="544" height="282" border="0" align="center" cellpadding="0" cellspacing="1">
<tr bgcolor="#CCCCCC">
<td width="130" height="54"><p align="center"><strong> Bruxelles<br />
</strong><strong><span class="style32">City 2</span><br />
</strong></p></td>
<td width="142"><div align="center" class="style34">
<p>123 rue Neuve<br />
1000 Bruxelles</p>
</div></td>
<td width="136"><div align="center" class="style34">Tel: 02 219 44 44<br />
Fax: 02 219 44 40<br />
<a href="mailto:[email protected]">[email protected]</a></div></td>
<td width="131"><div align="center" class="style34">Ouvert du lundi au samedi de 10h &agrave; 19h<br />
</div></td>
</tr>
<tr>
<td height="69" bgcolor="#F3F3F3"><div align="center"><strong>Bruxelles<span class="style32"><br />
Dansaert</span> </strong></div></td>
<td bgcolor="#F3F3F3"><div align="center" class="style34">149B rue Antoine<br />
1000 Bruxelles/Brussel</div></td>
<td bgcolor="#F3F3F3"><div align="center" class="style34">Tel: 02 223 53 06<br />
Fax: 02 223 53 05<br />
<a href="mailto:[email protected]">[email protected]</a></div></td>
<td bgcolor="#F3F3F3"><div align="center" class="style34">Ouvert du mardi au samedi de 10h &agrave; 18h</div></td>
</tr>
<tr bgcolor="#CCCCCC">
<td height="58"><div align="center"><strong> Louvain la Neuve <span class="style32">Esplanade</span><br />
</strong></div></td>
<td><div align="center" class="style34">
<p align="center"> 45 rue Charlemagne<br />
1348 Louvain-la-Neuve <br />
</p>
</div></td>
<td><div align="center" class="style34">T&eacute;l: 010 86 15 15<br />
Fax: 010 86 15 16<br />
<a href="mailto:[email protected]">[email protected]</a></div></td>
<td><div align="center" class="style34">Ouvert du lundi au samedi
de 10h &agrave; 19h</div></td>
</tr>
<tr>
<td height="44" bgcolor="#F3F3F3"><div align="center"><strong>Mons</strong> <br />
<span class="style32">Les Grands Pr&eacute;s</span><br />
</div></td>
<td bgcolor="#F3F3F3"><div align="center" class="style34">Shopping<br />
Grands Pr&eacute;s <br />
7000 Mons</div></td>
<td bgcolor="#F3F3F3"><div align="center" class="style34">Tel: 065 87 22 25<br />
Fax: 065 87 21 25<br />
<a href="mailto:[email protected]">[email protected]</a></div></td>
<td bgcolor="#F3F3F3"><div align="center" class="style34">Ouvert du lundi au samedi
de 10h &agrave; 19h</div></td>
</tr>
<tr bgcolor="#CCCCCC">
<td height="57"><div align="center"><strong>Namur</strong> <span class="style32"><br />
Jambes</span><br />
<br />
</div></td>
<td><div align="center" class="style34">141 Avenue Jean Materne 5100 Jambes (Namur)</div></td>
<td><div align="center" class="style34">Tel: 081 30 61 30<br />
Fax: 081 30 72 22<br />
<a href="mailto:[email protected]">[email protected]</a></div></td>
<td><div align="center" class="style34">Ouvert du lundi au vendredi de 10h &agrave; 18h samedi de 10h &agrave; 17h</div></td>
</tr>
</table>
<p align="center"><br />
</p></td>
</tr>
<tr>
<td height="42" background="http://82.146.123.105/newsletters/2008/business/img/bottomtable.jpg">&nbsp;</td>
</tr>
<tr>
<td height="40" background="http://82.146.123.105/newsletters/2008/business/img/hometop.jpg"><br />
<table width="539" height="19" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><span class="style43">Home &amp; Family Division</span></td>
<td><div align="right"><span class="style44">Your Most Convenient Local Partner</span></div></td>
</tr>
</table></td>
</tr>
<tr>
<td><a href="http://www.macline.be/BIA_MacLine/BIA_MissionFamilyL4.asp"><img src="http://82.146.123.105/newsletters/2008/business/img/homefamilyimg.jpg" width="600" height="129" border="0" /></a></td>
</tr>
<tr>
<td background="http://82.146.123.105/newsletters/2008/business/img/fondtable.jpg"><table width="550" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><br />
Vous &ecirc;tes particuliers?<br />
Rendez-vous dans un de nos Mac Line STORES.
Vous y d&eacute;couvrirez l'exp&eacute;rience Apple dans toute son authenticit&eacute; avec la gamme compl&egrave;te des produits et solutions Mac ainsi qu&rsquo;une &eacute;quipe hautement qualifi&eacute;e, pr&ecirc;t &agrave; r&eacute;pondre &agrave; vos questions les plus pointues sur la plate-forme Mac.<br />
Nous adh&eacute;rons, entre autre, &agrave; la charte de qualit&eacute; et de diversit&eacute; des Apple Premium Reseller dont la mission est de vous conseiller sur les produits, services, logiciels, accessoires ainsi que les derni&egrave;res nouveaut&eacute;s ICT.</td>
</tr>
</table></td>
</tr>
<tr>
<td height="42" background="http://82.146.123.105/newsletters/2008/business/img/bottomtable.jpg">&nbsp;</td>
</tr>
<tr>
<td height="40" background="http://82.146.123.105/newsletters/2008/business/img/toptable"><br />
<table width="539" height="19" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><span class="style43">Business Division</span></td>
<td><div align="right"><span class="style44">Your Most Convenient Solution Partner</span></div></td>
</tr>
</table></td>
</tr>
<tr>
<td><a href="http://www.macline.be/BIA_MacLine/BIA_MissionBusinessL4.asp"><img src="http://82.146.123.105/newsletters/2008/business/img/businessimg.jpg" width="600" height="138" border="0" /></a></td>
</tr>
<tr>
<td background="http://82.146.123.105/newsletters/2008/business/img/fondtable.jpg"><div align="center">
<table width="550" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><p align="justify"><br />
Comment acheter pour les Entreprises ?<br />
Si vous repr&eacute;sentez une entreprise ou que vous &ecirc;tes un utilisateur professionnel, d&eacute;couvrez nos offres de produits, nos services de support sur site et notre offre de leasing en visitant l&rsquo;onglet Business de notre site. Vous pouvez &eacute;galement appeler notre &eacute;quipe de conseillers certifi&eacute;s au 02 465 00 33 ou envoyez-nous un email &agrave; <a href="mailto:[email protected]">[email protected]</a> ou vous rendre dans l&rsquo;un des Mac Line Stores.</p> </td>
</tr>
</table>
</div></td>
</tr>
<tr>
<td height="42" background="http://82.146.123.105/newsletters/2008/business/img/bottomtable.jpg">&nbsp;</td>
</tr>
<tr>
<td height="40" background="http://82.146.123.105/newsletters/2008/business/img/eductop.jpg"><br />
<table width="539" height="19" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="271"><span class="style43">Education Division</span></td>
<td width="268" class="style43
"><div align="right" class="style43"><span class="style44">Your Most Convenient Education Partner</span></div></td>
</tr>
</table></td>
</tr>
<tr>
<td><a href=" http://www.macline.be/BIA_MacLine/BIA_MissionEduL4.asp"><img src="http://82.146.123.105/newsletters/2008/business/img/educimg.jpg" width="600" height="134" border="0" /></a></td>
</tr>
<tr>
<td background="http://82.146.123.105/newsletters/2008/business/img/fondtable.jpg"><table width="550" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><br />
Comment acheter en tant qu&rsquo;&eacute;tudiant, professeur ou responsable d&rsquo;&eacute;coles? <br />
D&eacute;couvrez les conditions sp&eacute;ciales r&eacute;serv&eacute;es au monde Acad&eacute;mique en visitant l&rsquo;onglet Education de notre site ou appelez notre &eacute;quipe de conseillers au 02 465 00 33. Vous pouvez &eacute;galement nous envoyer un email &agrave; <a href="mailto:[email protected]">[email protected]</a> ou vous rendre dans l&rsquo;un des Mac Line Stores.</td>
</tr>
</table></td>
</tr>
<tr>
<td height="42" background="http://82.146.123.105/newsletters/2008/business/img/bottomtable.jpg">&nbsp;</td>
</tr>
<tr>
<td height="40" background="http://82.146.123.105/newsletters/2008/business/img/techtop.jpg"><br />
<table width="539" height="19" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><span class="style43">Technical center</span></td>
<td><div align="right"><span class="style44">Your Most Convenient Repair Partner</span></div></td>
</tr>
</table></td>
</tr>
<tr>
<td><a href="http://www.macline.be/BIA_MacLine/BIA_MissionTechL4.asp"><img src="http://82.146.123.105/newsletters/2008/business/img/techimg.jpg" width="600" height="138" border="0" /></a></td>
</tr>
<tr>
<td background="http://82.146.123.105/newsletters/2008/business/img/fondtable.jpg"><table width="550" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><br />
Comment obtenir de l&rsquo;assistance ?<br />
Nous vous proposons, via nos Mac Line Stores ou via notre Mac Line Technical Center, un service de r&eacute;paration et &eacute;galement des solutions globales de support sur site pour les particuliers et les professionnels. Vous pouvez vous rendre dans un de nos Mac Line Stores ou directement au Mac Line Technical Center 35 rue de la technologie 1082 Bruxelles, ouvert du lundi au vendredi de 9h &agrave; 17h30. Pour le suivi de vos r&eacute;parations, envoyez un email &agrave; <a href="mailto:[email protected]">[email protected]</a> en mentionnant votre num&eacute;ro de r&eacute;paration ou t&eacute;l&eacute;phonez au 02 465 00 33.</td>
</tr>
</table></td>
</tr>
<tr>
<td height="42" background="http://82.146.123.105/newsletters/2008/business/img/bottomtable.jpg">&nbsp;</td>
</tr>
<tr>
<td height="40" background="http://82.146.123.105/newsletters/2008/business/img/toptable"><br />
<table width="539" height="19" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="269"><span class="style44">Mac Line iStore</span></td>
<td width="270"><div align="right" class="style44">Your Most Convenient Web Partner</div></td>
</tr>
</table></td>
</tr>
<tr>
<td><a href="http://www.macline.be/BIA_HomeL4.ASP?Cid=3"><img src="http://82.146.123.105/newsletters/2008/business/img/istoreimg.jpg" width="600" height="138" border="0" /></a></td>
</tr>
<tr>
<td background="http://82.146.123.105/newsletters/2008/business/img/fondtable.jpg"><table width="550" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><br />
Pour toutes questions relatives &agrave; notre site Mac Line, appelez le 02 465 00 33,<br />
du lundi au vendredi, de 9h &agrave; 17h30 ou envoyez-nous un email &agrave; <a href="mailto:[email protected]">[email protected]</a>.</td>
</tr>
</table></td>
</tr>
<tr>
<td height="42" background="http://82.146.123.105/newsletters/2008/business/img/bottomtable.jpg">&nbsp;</td>
</tr>
<tr>
<td height="20" background="http://82.146.123.105/newsletters/2008/business/img/bottom.jpg">&nbsp;</td>
</tr>
</table>
<br />
<table width="557" border="0" align="center" cellpadding="6" cellspacing="0">
<tr>
<td width="545" class="small"><p align="center"><b>Disclaimer &raquo;</b><a href="http://82.146.123.105/conditionfr.html" target="_blank">Note en fran&ccedil;ais ici</a><br />
Prices and product info are subject to change at any time. Some offers are not valid with other discounts and or end-of-stock or errors. Images are not binding.
Sales conditions on www.macline.be.<br />
To <b>Unsubscribe</b> to this mailinglist, <a href="http://www.macline.be/BIA_MacLine/BIA_NewsLetterL4.asp">click here!</a></p></td>
</tr>
</table>


<map name="Map" id="Map"><area shape="rect" coords="13,12,558,476" href="http://www.macline.be/BIA_MAcline/BIA_MacBookProL4.asp?lang=FR" />
<area shape="rect" coords="23,714,546,1097" href="http://www.macline.be/BIA_MAcline/BIA_MacProL4.asp?lang=FR" />
<area shape="rect" coords="21,554,558,680" href="http://www.macline.be/BIA_MacLine/BIA_AfterSalesL4_2.asp?lang=FR" />
</map>
<map name="Map2" id="Map2">
<area shape="rect" coords="339,15,581,28" href="http://www.macline.be/BIA_MacLine/BIA_NewsLetterL4.asp?lang=FR" />
<area shape="rect" coords="14,35,594,639" href="http://www.macline.be/BIA_MAcline/BIA_Office2008L4.asp?lang=FR" />
</map></body>
</html>
 
voilà l'intégralité du code de la news, pas de problème pour la confidentialité elle à déjà été communiquée :)

merci d'avance c'est très sympa /o/
 
J'ai trouver une solution qui marche, j'ai déplacé la balise <style> de la <head> dans la <body>. Et hop Entourage laisse mes table tranquil :)

voici la link du post en entier : http://developpeur.mediabox.fr/index.php?showtopic=21223


Sinon voici la réponse qui possède les éléments de réponse principaux :)


"""
Ce qui est sûr, c'est que les règles suivantes, que l'on retrouve dans ce que d'autre ont noté dans ce sujet, doivent être suivies afin de garantir une grande compatibilité :
- ne rien mettre dans la balise HEAD
- si vous souhaitez inclure une balise STYLE et y définir des règles, insérez là sous la balise body, voir sous une balise DIV qui englobe toute la lettre (cf. remarque suivante)
- il est préférable de définir une balise DIV qui suit directement la balise BODY car certain client enlèvent la balise BODY pour la remplacer par la leur.
- la mise en forme doit souvent être réalisée à partir de TABLE plutôt que des positionnements CSS, même si tout n'a pas besoin de se retrouver dans des cellules (la newsletter CBNews Vidéo Mail est tout en tableau tandis que la newsletter CBNewsletter contient des tableaux + positionnements CSS).
- la plupart des styles typographies doivent être définis INLINE, et donc répétés (mais c'est encore à étudier et approfondir car cela rends très difficile la maintenance...)
- d'après les liens indiqués, il faut toujours préfixé, dans les règles de style, le spécificateur par un nom de balise (voir la remarque de PILOUE) car une règle commençant juste par un '.' sera finallement déformée suite à la suppression par le client de ce point...

"""
:zen:
 

Sujets similaires

Azrhodo
Impossible de démarrer sur le disque d'installation de MacOS, redémarrage direct sur la recovery
Réponses
1
Affichages
3K
Hackintosh
Azrhodo
Azrhodo
I
iMac Démarrage écran aléatoire
Réponses
14
Affichages
2K
Mac
iDorian50
I
Toltchock
HTML - bouton imprimer une image
Réponses
7
Affichages
5K
Développement web
Toltchock
Toltchock
nonos
Affichage dans dreamweaver
Réponses
7
Affichages
2K
Développement web
nonos
nonos
C
Raccourcis Dreamweaver CS5.5
Réponses
0
Affichages
2K
Développement web
chessfarrell
C
Haut Bas
Back