Ce forum est en partie financé par l’affichage de publicités. Merci de désactiver votre bloqueur de publicités pour nous permettre de continuer à fournir ce service.

Newsletter, problèmes affichage dans les webmail

Discussion dans 'Développement web' créé par Tonio the best, 26 Août 2008.

Modérateurs: Nephou
  1. Tonio the best

    Tonio the best Membre confirmé

    Inscrit:
    1 Novembre 2005
    Messages:
    185
    J'aime reçus:
    4
    Bonjour,
    J'ai créé une Newsletter avec iWeb ici : www.touchmods.fr/Newsletter
    Mais voilà, j'ai des problèmes d'affichage dans Gmail, Yahoo et msn, les webmails principaux quoi... pourtant, Mail et l'iPhone sortent ma newsletter comme elle doit sortir.
    Je sais que Gmail fait apparemment sauter les balises CSS et qu'il faut donc tout faire à la main dans un éditeur.
    A la limite, je me fiche de ça, le problème principal est que les images se superposent.

    Voici mon code :

    <?xml version="1.0" encoding="UTF-8"?>
    <!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" xml:lang="fr">
    <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <meta name="Generator" content="iWeb 2.0.4" />
    <meta name="iWeb-Build" content="local-build-20080825" />
    <meta name="viewport" content="width=600" />
    <title>Newsletter n°1 des Internationales de la Guitare 2008 de Montpellier.</title>
    <link rel="stylesheet" type="text/css" media="screen,print" href="http://www.touchmods.fr/Newsletter/Newsletter_files/Newsletter.css" />
    <!--[if IE]><link rel=&#44;stylesheet&#44; type=&#44;text/css&#44; media=&#44;screen,print&#44; href=&#44;http://www.touchmods.fr/Newsletter/Newsletter_files/NewsletterIE.css&#44;/><![endif]-->
    <script type="text/javascript" src="http://www.touchmods.fr/Newsletter/Scripts/iWebSite.js"></script>
    <script type="text/javascript" src="http://www.touchmods.fr/Newsletter/Scripts/iWebImage.js"></script>
    <script type="text/javascript" src="http://www.touchmods.fr/Newsletter/Newsletter_files/Newsletter.js"></script>
    </head>
    <body style="background: #ffffff; margin: 0pt; " onload="onPageLoad();">
    <div style="text-align: center; ">
    <div style="margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; overflow: hidden; position: relative; word-wrap: break-word; text-align: left; width: 600px; " id="body_content">
    <div style="background: transparent url(http://www.touchmods.fr/Newsletter/Newsletter_files/backgroundimage_1.png) no-repeat scroll center center; width: 600px; ">
    <div style="float: left; margin-left: 0px; position: relative; width: 600px; z-index: 0; " id="nav_layer">
    <div style="height: 0px; line-height: 0px; " class="bumper">*</div>
    <div style="clear: both; height: 0px; line-height: 0px; " class="spacer">*</div>
    </div>
    <div style="float: left; height: 0px; line-height: 0px; margin-left: 0px; position: relative; width: 600px; z-index: 10; " id="header_layer">
    <div style="height: 0px; line-height: 0px; " class="bumper">*</div>
    </div>
    <div style="margin-left: 0px; position: relative; width: 600px; z-index: 5; " id="body_layer">
    <div style="height: 0px; line-height: 0px; " class="bumper">*</div>
    <div id="id1" style="height: 724px; left: -4px; position: absolute; top: 122px; width: 608px; z-index: 1; " class="style_SkipStroke">
    <div class="text-content graphic_textbox_layout_style_default_External_608_724" style="padding: 0px; ">
    <div class="graphic_textbox_layout_style_default">
    <p style="padding-top: 0pt; " class="paragraph_style"><span style="line-height: 15px; " class="style">La 13&egrave;me &eacute;dition du festival des </span><span style="line-height: 16px; " class="style_1">Internationales de la Guitare</span><span style="line-height: 15px; " class="style"> ouvre la saison culturelle 2008 à Montpellier du 30 septembre au 18 octobre prochain.</span><span style="line-height: 18px; " class="style_2"><br /></span></p>
    <p class="paragraph_style"><span style="line-height: 15px; " class="style">*</span><span style="line-height: 18px; " class="style_2"><br /></span></p>
    <p class="paragraph_style_1"><span class="style_3">15 grands concerts</span><br /></p>
    <p class="paragraph_style"><span style="line-height: 15px; " class="style">Figures mythiques et virtuoses comme </span><a onkeypress="window.open(this.href); return false;" href="http://www.internationalesdelaguitare.com/grandconcert_fullscreen.html" title="http://www.internationalesdelaguitare.com/grandconcert_fullscreen.html" onclick="window.open(this.href); return false;" style="line-height: 15px; " class="style">Suzanne Vega</a><span style="line-height: 15px; " class="style">, </span><a onkeypress="window.open(this.href); return false;" href="http://www.internationalesdelaguitare.com/grandconcert_fullscreen.html" title="http://www.internationalesdelaguitare.com/grandconcert_fullscreen.html" onclick="window.open(this.href); return false;" style="line-height: 15px; " class="style">Richie Havens</a><span style="line-height: 15px; " class="style">, </span><a onkeypress="window.open(this.href); return false;" href="http://www.internationalesdelaguitare.com/grandconcert_fullscreen.html" title="http://www.internationalesdelaguitare.com/grandconcert_fullscreen.html" onclick="window.open(this.href); return false;" style="line-height: 15px; " class="style">John Williams</a><span style="line-height: 15px; " class="style">, </span><a onkeypress="window.open(this.href); return false;" href="http://www.internationalesdelaguitare.com/grandconcert_fullscreen.html" title="http://www.internationalesdelaguitare.com/grandconcert_fullscreen.html" onclick="window.open(this.href); return false;" style="line-height: 15px; " class="style">Tomatito</a><span style="line-height: 15px; " class="style"> honoreront les grandes salles de concert de Montpellier. </span><a onkeypress="window.open(this.href); return false;" href="http://www.internationalesdelaguitare.com/grandconcert_fullscreen.html" title="http://www.internationalesdelaguitare.com/grandconcert_fullscreen.html" onclick="window.open(this.href); return false;" style="line-height: 15px; " class="style">L&#44;Op&eacute;ra Rom</a><span style="line-height: 15px; " class="style">, cr&eacute;ation du festival, mettra en sc&egrave;ne la rencontre des musiques manouches et tziganes. </span><a onkeypress="window.open(this.href); return false;" href="http://www.internationalesdelaguitare.com/grandconcert_fullscreen.html" title="http://www.internationalesdelaguitare.com/grandconcert_fullscreen.html" onclick="window.open(this.href); return false;" style="line-height: 15px; " class="style">Robben Ford</a><span style="line-height: 15px; " class="style"> donnera son unique concert en France et </span><a onkeypress="window.open(this.href); return false;" href="http://www.internationalesdelaguitare.com/grandconcert_fullscreen.html" title="http://www.internationalesdelaguitare.com/grandconcert_fullscreen.html" onclick="window.open(this.href); return false;" style="line-height: 15px; " class="style">Bir&eacute;li Lagr&egrave;ne</a><span style="line-height: 15px; " class="style"> pr&eacute;sentera pour la premi&egrave;re fois son nouveau projet «*Electric Side*».</span><span style="line-height: 18px; " class="style_2"><br /></span></p>
    <p class="paragraph_style"><span style="line-height: 15px; " class="style">*</span><span style="line-height: 18px; " class="style_2"><br /></span></p>
    <p class="paragraph_style_1"><span class="style_3">11&egrave;me salon International de la Lutherie (entr&eacute;e libre)</span><br /></p>
    <p class="paragraph_style"><span style="line-height: 15px; " class="style">Du 10 au 12 octobre, grand public et professionnels auront l&#44;occasion de constater que l&#44;art de la </span><a onkeypress="window.open(this.href); return false;" href="http://www.internationalesdelaguitare.com/luthier_salon/salon.html" title="http://www.internationalesdelaguitare.com/luthier_salon/salon.html" onclick="window.open(this.href); return false;" style="line-height: 15px; " class="style">fabrication</a><span style="line-height: 15px; " class="style"> de la guitare est en perp&eacute;tuelle &eacute;volution, aussi bien terme de formes, de mat&eacute;riaux, de techniques que de sonorit&eacute;s. <br /></span></p>
    <p class="paragraph_style"><a onkeypress="window.open(this.href); return false;" href="http://www.internationalesdelaguitare.com/presentation_fullscreen.html" title="http://www.internationalesdelaguitare.com/presentation_fullscreen.html" onclick="window.open(this.href); return false;" style="line-height: 15px; " class="style">Au programme</a><span style="line-height: 15px; " class="style"> : d&eacute;monstrations, concerts, conf&eacute;rences...</span><span style="line-height: 18px; " class="style_2"><br /></span></p>
    <p class="paragraph_style"><span style="line-height: 15px; " class="style">*</span><span style="line-height: 18px; " class="style_2"><br /></span></p>
    <p class="paragraph_style_1"><span class="style_3">Master classes et stages (inscriptions au 04 67 66 36 55)</span><br /></p>
    <p class="paragraph_style"><span style="line-height: 15px; " class="style">Ils couvrent la plupart des genres de guitare </span><span style="line-height: 15px; " class="style_4">(blues, manouche, classique, jazz, guitare basse) </span><span style="line-height: 15px; " class="style">et sont dirig&eacute;s par des maîtres en la mati&egrave;re (Robben Ford, Eduardo Isaac, G&eacute;rard Pansanel, Fr&eacute;d&eacute;ric Monino, Pascal Corriu). Sans oublier le stage gratuit </span><a onkeypress="window.open(this.href); return false;" href="http://www.internationalesdelaguitare.com/ateliers_fullscreen.html" title="http://www.internationalesdelaguitare.com/ateliers_fullscreen.html" onclick="window.open(this.href); return false;" style="line-height: 15px; " class="style">d&#44;initiation</a><span style="line-height: 15px; " class="style"> à la guitare pour les plus jeunes par Sylvie Roux, ainsi que le stage de </span><a onkeypress="window.open(this.href); return false;" href="http://www.internationalesdelaguitare.com/ateliers_fullscreen.html" title="http://www.internationalesdelaguitare.com/ateliers_fullscreen.html" onclick="window.open(this.href); return false;" style="line-height: 15px; " class="style">lutherie</a><span style="line-height: 15px; " class="style">, dirig&eacute; par Joël Laplane, un des plus grands maîtres luthier fran&ccedil;ais et europ&eacute;en.</span><span style="line-height: 18px; " class="style_2"><br /></span></p>
    <p class="paragraph_style"><span style="line-height: 15px; " class="style">*</span><span style="line-height: 18px; " class="style_2"><br /></span></p>
    <p class="paragraph_style_1"><span class="style_3">Musique pour tous et partout !</span><br /></p>
    <p class="paragraph_style"><span style="line-height: 15px; " class="style">Au travers du </span><a onkeypress="window.open(this.href); return false;" href="http://www.internationalesdelaguitare.com/parallele/pics/parallele_fullscreen.html" title="http://www.internationalesdelaguitare.com/parallele/pics/parallele_fullscreen.html" onclick="window.open(this.href); return false;" style="line-height: 15px; " class="style">Festival Para//&egrave;le</a><span style="line-height: 15px; " class="style"> 64 lieux de convivialit&eacute; de la ville donneront des concerts gratuits. Guitares Pour Tous (13 concerts dans 13 Maisons Pour Tous) fera tomber les barri&egrave;res avec des rencontres entre artistes et public. <br /></span></p>
    <p class="paragraph_style"><span style="line-height: 15px; " class="style">Les </span><a onkeypress="window.open(this.href); return false;" href="http://www.internationalesdelaguitare.com/scenes_lr/scene_lr_fullscreen.html" title="http://www.internationalesdelaguitare.com/scenes_lr/scene_lr_fullscreen.html" onclick="window.open(this.href); return false;" style="line-height: 15px; " class="style">Sc&egrave;nes de l&#44;Agglo</a><span style="line-height: 15px; " class="style"> et du Languedoc-Roussillon offrent 10 concerts dans 10 communes.</span><span style="line-height: 18px; " class="style_2"><br /></span></p>
    <p class="paragraph_style"><span style="line-height: 15px; " class="style">*</span><span style="line-height: 18px; " class="style_2"><br /></span></p>
    <p class="paragraph_style"><span style="line-height: 15px; " class="style">*</span><span style="line-height: 18px; " class="style_2"><br /></span></p>
    <p class="paragraph_style_1"><span class="style_3">Contact :</span><br /></p>
    <p class="paragraph_style"><span style="line-height: 15px; " class="style">04 67 66 36 55 </span><span style="line-height: 18px; " class="style_2"><br /></span></p>
    <p class="paragraph_style"><a href="mailto:contact@les-ig.com?subject=Contactez%20les%20Internationales%20de%20la%20Guitare" title="mailto:contact@les-ig.com?subject=Contactez les Internationales de la Guitare" style="line-height: 18px; " class="style_2">contact@les-ig.com</a><span style="line-height: 18px; " class="style_2"><br /></span></p>
    <p class="paragraph_style"><span style="line-height: 15px; " class="style">*</span><span style="line-height: 18px; " class="style_2"><br /></span></p>
    <p class="paragraph_style"><span style="line-height: 16px; " class="style_5">Contact presse :</span><span style="line-height: 18px; " class="style_2"><br /></span></p>
    <p class="paragraph_style"><span style="line-height: 15px; " class="style">04 67 66 76 62</span><span style="line-height: 18px; " class="style_2"><br /></span></p>
    <p class="paragraph_style"><a href="mailto:communication@les-ig.com" title="mailto:communication@les-ig.com" style="line-height: 18px; " class="style_2">communication@les-ig.com</a><span style="line-height: 18px; " class="style_2"><br /></span></p>
    <p class="paragraph_style"><span style="line-height: 15px; " class="style">*</span><span style="line-height: 18px; " class="style_2"><br /></span></p>
    <p class="paragraph_style"><span style="line-height: 15px; " class="style">*</span><span style="line-height: 18px; " class="style_2"><br /></span></p>
    <p class="paragraph_style"><a onkeypress="window.open(this.href); return false;" href="http://www.internationalesdelaguitare.com" title="http://www.internationalesdelaguitare.com" onclick="window.open(this.href); return false;" style="line-height: 15px; " class="style">www.internationalesdelaguitare.com</a><span style="line-height: 15px; " class="style"><br /></span></p>
    <p class="paragraph_style"><a onkeypress="window.open(this.href); return false;" href="http://myspace.com/lesinternationalesdelaguitare" title="http://myspace.com/lesinternationalesdelaguitare" onclick="window.open(this.href); return false;"><span style="line-height: 15px; " class="style">myspace.com/lesinternationalesdelaguitare</span><span style="line-height: 18px; " class="style_2"><br /></span></a></p>
    <p class="paragraph_style"><a onkeypress="window.open(this.href); return false;" href="http://www.facebook.com/group.php?gid=16569994483" title="http://www.facebook.com/group.php?gid=16569994483" onclick="window.open(this.href); return false;"><span style="line-height: 15px; " class="style">http://www.facebook.com/group.php?gid=16569994483</span><span style="line-height: 18px; " class="style_2"><br /></span></a></p>
    <p class="paragraph_style"><span style="line-height: 15px; " class="style">*</span><span style="line-height: 18px; " class="style_2"><br /></span></p>
    <p class="paragraph_style"><span style="line-height: 15px; " class="style">*</span><span style="line-height: 18px; " class="style_2"><br /></span></p>
    <p class="paragraph_style_2"><span style="line-height: 10px; " class="style_6">Conform&eacute;ment à la Loi Informatique et Libert&eacute;s, si vous ne souhaitez plus recevoir cette newsletter, retournez un e-mail en cliquant sur : <br /></span></p>
    <p class="paragraph_style_2"><a href="mailto:contact@les-ig.com?subject=D%C3%A9sinscription" title="mailto:contact@les-ig.com?subject=D&eacute;sinscription" style="line-height: 10px; " class="style_6">contact@les-ig.com</a><span style="line-height: 18px; " class="style_2"><br /></span></p>
    <p style="padding-bottom: 0pt; " class="paragraph_style_3">©2008 Les Internationales de la Guitare, Confluences<br />Newsletter cr&eacute;&eacute;e par <a href="mailto:toniothebest@gmail.com?subject=Contact%20Newsletter" title="mailto:toniothebest@gmail.com?subject=Contact Newsletter">Antoine Dematt&eacute;</a></p>
    </div>
    </div>
    </div>



    <div style="height: 103px; width: 172px; height: 103px; left: -3px; position: absolute; top: 25px; width: 172px; z-index: 1; " class="tinyText style_SkipStroke_1 stroke_0">
    <img src="http://www.touchmods.fr/Newsletter/Newsletter_files/LogoIg08.png" alt="" style="border: none; height: 104px; width: 172px; " />
    </div>



    <div style="height: 101px; width: 132px; height: 101px; left: 467px; position: absolute; top: 30px; width: 132px; z-index: 1; " class="tinyText style_SkipStroke_1 stroke_0">
    <img src="http://www.touchmods.fr/Newsletter/Newsletter_files/postit2008.png" alt="" style="border: none; height: 102px; width: 132px; " />
    </div>



    <div id="id2" style="height: 27px; left: 83px; position: absolute; top: 0px; width: 433px; z-index: 1; " class="style_SkipStroke">
    <div class="text-content graphic_textbox_layout_style_default_External_433_27" style="padding: 0px; ">
    <div class="graphic_textbox_layout_style_default">
    <p style="padding-bottom: 0pt; padding-top: 0pt; " class="paragraph_style_4"><a onclick="window.open(this.href); return false;" onkeypress="window.open(this.href); return false;" class="class1" href="http://www.touchmods.fr/Newsletter" title="Visualiser la Newsletter dans votre navigateur">Cliquez ici si vous ne visualisez pas la Newsletter correctement.</a></p>
    </div>
    </div>
    </div>
    <div style="height: 850px; line-height: 850px; " class="spacer">*</div>
    </div>
    <div style="height: 0px; line-height: 0px; margin-left: 0px; position: relative; width: 600px; z-index: 15; " id="footer_layer">
    <div style="height: 0px; line-height: 0px; " class="bumper">*</div>
    </div>
    </div>
    </div>
    </div>
    </body>
    </html>


    J'ai également lu que je pouvais le faire avec des tableaux, je n'ai pas le temps de chercher comment ça marche et je dois envoyer cette newsletter ce soir... Ou alors utiliser le PHP que je ne connais pas non plus...
    Si quelqu'un pouvait m'aider, cela me rendrait bien service !
    merci d'avance !
     
  2. nroK

    nroK Membre confirmé

    Inscrit:
    29 Avril 2007
    Messages:
    103
    J'aime reçus:
    8
    C'est tes feuilles de styles qui ne sont pas prises en compte, on en a deja discuté dans certains topic...

    Si tu veux inclure des styles, indique les directement dans le html ;)
     
  3. Anonyme

    Anonyme Invité

    Tu devrais utiliser les balises
    Code (Text):
     quand tu colles de l'html dans le forum, c'est plus lisible. Sinon ouais...

    [LIST]
    [*]Déjà le javascript ne sera pas actif dans les clients mails traditionnels
    [*]La déclaration xml en début est à virer ça fait déconner certains clients mail basé sur IE.
    [*]Les styles doivent être inline (ce qui est ton cas en partie)
    [*]Il faut utiliser [URL="http://openweb.eu.org/articles/respecter_semantique"]la sémantique html[/URL] au cas où les styles sautent complètement ce qui assure aussi une meilleure accessibilité...
    [*][URL="http://www.pompage.net/pompe/emails-html-dompter-la-bete/"]Etc[/URL], [URL="http://blog.alsacreations.com/2008/06/12/417-e-mail-et-css-du-nouveau"]etc[/URL].
    [/LIST]
    ;)
     
  4. Anonyme

    Anonyme Invité

    Entre parenthèses, il y en a du code pour une newsletter aussi simple :eek: Je parie que tu utilises dreamweaver ou golive... :rolleyes: Vive l'éditeur de texte. :p ;)
     
  5. Tonio the best

    Tonio the best Membre confirmé

    Inscrit:
    1 Novembre 2005
    Messages:
    185
    J'aime reçus:
    4
    iWeb, je crois l'avoir mis plus haut !
    Modifié avec Smultron, pour moi le meilleur éditeur ! Simple et efficace...
    Merci de vos conseils, je vais tenter !
     
  6. Tonio the best

    Tonio the best Membre confirmé

    Inscrit:
    1 Novembre 2005
    Messages:
    185
    J'aime reçus:
    4
    Arf, je m'avoue vaincu et nul en HTML ^^' ! Quand j'essaye de changer le code, les webmails classent mon mail comme indésirable... Je ne dois pas le faire correctement, quelqu'un serait-il assez bon pour m'aider =D ?
     
  7. Anonyme

    Anonyme Invité

    Ouais mais vite fait alors... Je reviens...
     
  8. Anonyme

    Anonyme Invité

    Voilà :

    Code (Text):
    <!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" lang="fr" xml:lang="fr">
    <head>
    <title>Newsletter</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    </head>

    <body>
    <style type="text/css">
    <!--
    strong {
        color: #E87C1D;
    }
    a {
        color: #000;
    }
    sup {
        ligne-heigth: 66%;
    }
    -->
    </style>
    <div id="wrapper" style="background-color: #fff; text-align: center; font-size: 0.9em; color: #245FB6; font-family: arial, helvetica, sans serif;">
        <div id="content" style="margin: auto; text-align: left; width: 600px; background: #fff url(http://www.touchmods.fr/Newsletter/Newsletter_files/backgroundimage_1.png) center center no-repeat; font-weight: bold;">
            <h1 style="float: left;"><img src="http://www.touchmods.fr/Newsletter/Newsletter_files/LogoIg08.png" alt="Les treizièmes internationales de la guitare (Montpellier)" /></h1>
            <p style="float: right;"><img src="http://www.touchmods.fr/Newsletter/Newsletter_files/postit2008.png" alt="Du 30 septembre au 18&nbsp;octobre 2008, Montpellier &amp; Lattes" /></p>
            <hr style="clear: both; visibility: hidden" />
            <p>La 13<sup>e</sup>&nbsp;édition du festival des <strong>Internationales de la Guitare</strong> ouvre la saison culturelle 2008 à Montpellier du 30 septembre au 18&nbsp;octobre prochain.</p>

            <h2 style="color: #E87C1D; font-size: 1em; margin-top: 1.5em;">15&nbsp;grands concerts</h2>
            <p>Figures mythiques et virtuoses comme <a href="http://www.internationalesdelaguitare.com/grandconcert_fullscreen.html">Suzanne Vega</a>, Richie Havens, John Williams, Tomatito honoreront les grandes salles de concert de Montpellier. L,Opéra Rom, création du festival, mettra en scène la rencontre des musiques manouches et tziganes. Robben Ford donnera son unique concert en France et Biréli Lagrène présentera pour la première fois son nouveau projet « Electric Side ».</p>
           

            <h2 style="color: #E87C1D; font-size: 1em; margin-top: 1.5em;">15&nbsp;grands concerts</h2>
            <p>Figures mythiques et virtuoses comme <a href="http://www.internationalesdelaguitare.com/grandconcert_fullscreen.html">Suzanne Vega</a>, Richie Havens, John Williams, Tomatito honoreront les grandes salles de concert de Montpellier. L,Opéra Rom, création du festival, mettra en scène la rencontre des musiques manouches et tziganes. Robben Ford donnera son unique concert en France et Biréli Lagrène présentera pour la première fois son nouveau projet « Electric Side ».</p>

            <h2 style="color: #E87C1D; font-size: 1em; margin-top: 1.5em;">15&nbsp;grands concerts</h2>
            <p>Figures mythiques et virtuoses comme <a href="http://www.internationalesdelaguitare.com/grandconcert_fullscreen.html">Suzanne Vega</a>, Richie Havens, John Williams, Tomatito honoreront les grandes salles de concert de Montpellier. L,Opéra Rom, création du festival, mettra en scène la rencontre des musiques manouches et tziganes. Robben Ford donnera son unique concert en France et Biréli Lagrène présentera pour la première fois son nouveau projet « Electric Side ».</p>
        </div>

    </div>
    </body>
    </html>
     
    J'ai pas tout fait, juste le premier titre avec le texte en dessous, puis j'ai répété, mais tu as déjà une idée. Pour mettre les mots en orange, faut les mettre en gras <strong>. À toi de modifier le reste. Attention tu as des png 24bits avec fonds transparents qui ne passe pas dans les moteurs avec IE6.
     
  9. Tonio the best

    Tonio the best Membre confirmé

    Inscrit:
    1 Novembre 2005
    Messages:
    185
    J'aime reçus:
    4
    Merci à toi brave chevalier !
    J'emmerd* IE ! Vive Safari... Non, mais, de toute façon, la plupart des clients recevra le mail dans un client mail comme Outlook ou Mail, c'est juste en complément...
    Je teste et je te dis !
    Merci encore...


    Edit : tout semble parfait ! Merci beaucoup !
     
  10. nroK

    nroK Membre confirmé

    Inscrit:
    29 Avril 2007
    Messages:
    103
    J'aime reçus:
    8
    Vérifie aussi sur gmail et hotmail, mine de rien c'est fort utilisé ces boites mails ;)
     
  11. Anonyme

    Anonyme Invité

    Sur hotmail (via le webmail) les images de fond vont sauter, sur gmail (aussi via le webmail), beaucoup de choses vont sauter mais c'est pas grave puisque le code est sémantique et que l'attribut alt des images est bien renseigné. Il n'y a pas de pertes d'information. ;)
     
  12. p4bl0

    p4bl0 Membre d’élite
    Club MacG

    Inscrit:
    12 Juillet 2004
    Messages:
    4 772
    J'aime reçus:
    425
    Outlook utilise certainement le moteur de rendu du IE installé sur le windows, donc ie6 risque d'être encore pas mal présent :-/
     
  13. Anonyme

    Anonyme Invité

    L'avant dernière d'Outlook utilisait le moteur d'IE6, la dernière... Celle de word 2007... :rolleyes: ;)
     
  14. fredmac75

    fredmac75 Membre d’élite
    Club MacG

    Inscrit:
    14 Juillet 2003
    Messages:
    1 415
    J'aime reçus:
    127
    Cela eu été préférable que ce soit celui d'ie, malheureusement c'est pire...
    C'est le moteur de rendu de word 2007 (pour outlook 2007)

    Ayant travaillé sur du mailling pour Microsoft France, je peux vous assurer que l'une de leur exigence de rendu et de pouvoir ouvrir le dit mail sur Word...

    je ne suis pas resté longtemps dans cette agence...

    Tout est possible en ce monde :D

    EDIT : grilled by gloup-gloup...
     
  15. p4bl0

    p4bl0 Membre d’élite
    Club MacG

    Inscrit:
    12 Juillet 2004
    Messages:
    4 772
    J'aime reçus:
    425
    Ce qui est abérant c'est surtout que Word et IE ai un moteur de rendu différent...

    Putain ils sont con pour de bon chez Crosoft...
     
  16. Anonyme

    Anonyme Invité

    C'est normal dans un sens puisque tu peux faire des pages web avec word mais mettre ce moteur (forcément limité) pour outlook, non. Je préfère 10 fois mieux avoir le moteur d'IE6. :mad:
     
  17. p4bl0

    p4bl0 Membre d’élite
    Club MacG

    Inscrit:
    12 Juillet 2004
    Messages:
    4 772
    J'aime reçus:
    425
    Le moteur de rendu de Word pourrait quand même être le même que celui de IE, c'est juste que leur truc est mal foutu ! (Suffirait de faire un moteur différent pour la génération de code et le rendu du code, ça demande certaiement pas plus de travaille que de faire de moteurs différents tout court...).

    Bref, c'est le caca et on y peut rien de toutes façons, faut faire avec, ou pas...


    (vive les mails au format text !!)
     
  18. Anonyme

    Anonyme Invité

    Reste plus à espérer que thunderbird gagne du terrain comme firefox pour le web. :(

    De toutes façons, je m'en fous, quand je fais une newsletter j'essaye de prévoir les trucs qui vont sauter et je fais en sorte que le lecteur ait accès à toute l'information et tant pis s'il a un client mail de m... Du moment que ça reste présentable et que ça se dégrade bien... ;)
     
Modérateurs: Nephou
Chargement...