[outlook][html] ziet er anders uit dan online

[Verwijderd]

Het probleem is als volgt.

Ik heb met dreamweaver een pagina gemaakt en die ziet er goed uit: nieuwsbrief

Nu willen wij deze naar klanten versturen met outlook. Deze heb ik dus gepaste in outlook maar dan ziet hij er zo uit:



Dat is dus niet goed. Iemand een idee hoe dit kan?
Wat heb ik verkeerd gedaan?

edit:
pic klickable

[ Voor 3% gewijzigd door Verwijderd op 28-10-2003 12:47 ]

[samo]

Wat is er dan niet goed aan?

Gebruik anders ms WORD als oulook editor. Daar heb je meer mogelijkheden...

[ Voor 59% gewijzigd door samo op 28-10-2003 12:17 ]

[swampy]

Mmm, er is weinig mis mee, btw, de link is helaas niet clickable dus moest effe wat graven. Als je heb klikkable maakt leest dat wat makkelijker.

Deze
[img=w,h,1]url van afbeelding met afmetingen + link naar afbeelding[/img]

Tag dus, efkes die 1 toevoegen en dan valt hij aan te klikken.

[Verwijderd]

swampy schreef op 28 October 2003 @ 12:16:
Mmm, er is weinig mis mee, btw, de link is helaas niet clickable dus moest effe wat graven. Als je heb klikkable maakt leest dat wat makkelijker.

Deze
[[url= url van afbeelding met afmetingen + link naar afbeelding ]afbeelding[/url]]

Tag dus, efkes die 1 toevoegen en dan valt hij aan te klikken.

Tag toegevoegd, thx

Wa is er mis:

Waar de auto instaat is te groot en klopt niet. Achtergrond kleur is niet aanwezig. Everyday paper is verkeerd. Vergelijk maar met de nieuwsbrief link!

[samo]

Verwijderd schreef op 28 October 2003 @ 12:49:
[...]


Tag toegevoegd, thx

Wa is er mis:

Waar de auto instaat is te groot en klopt niet. Achtergrond kleur is niet aanwezig. Everyday paper is verkeerd. Vergelijk maar met de nieuwsbrief link!

Tja, ik dacht dat je hem had aangepast naar outlook...
Afijn, de achtergrond, is te verhelpen door word als editor te gebruiken.
en wat is er precies verkeerd aan every day paper? randjes, missend plaatje? ik snap niet wat je bedoelt.
En onthoud ook dat outlook geen browser is, dus misschien geen volledige html ondersteunt.
Misschien kan je je nieuwsbrief beter als attachment versturen...

[Verwijderd]

Wanneer je deze opent: nieuwsbrief en de broncode ff in Word zet dan zie je hoe hij er uit hoort te zien.

Wanneer je dan deze in outlook zet zie je dat het er niet uitziet!
Dit verschil snap ik niet.

[KingRichard]

[1] Volgens mij parset Outlook alleen HTML die tussen de BODY-tags staat. De achtergrondkleur zou je dus met Javascript moeten aanpassen.

Java:

document.bgColor = "#f0e0eb"

[2] Ik heb de HTML van jouw link in een mailtje gezet d.m.v. Invoegen -> Bestand -> Invoegen als alleen tekst. De plaatjes waren gewoon zichtbaar. Let erop dat de ontvangende gebruiker internettoegang moet hebben om de plaatjes te kunnen zien.

[Verwijderd]

En zorg voor wat nettere HTML, deze is zo brak dat er veel email-clients over zullen vallen.

voorbeeld:

wat doe je hier?

PHP:

<td align=middle> <div align=center> 
                    <table cellspacing=0 cellpadding=0 width="100%" 
                  bgcolor=#ffffff border=0><tbody>
                      <tr> 
                        <center>
                          <td></td>
                        </center>

en hier:

PHP:

 <td align=middle> <div align=center> 
                      <center>

of hier:

PHP:

      <P align=center></P></TD>
    <TD vAlign=top width="25%"></TD></TR>
  <TR>
    <TD vAlign=top width="50%">
      <DIV align=center>
      <CENTER>

en zo gaat het maar door, veel onnodige dubbele en elkaar tegensprekende tags.
Verder vind ik hem ook erg breed, normaal is een nieuwsbrief ongeveer 600px of minder, deze is echt veel breder.

offtopic:
jullie directories staan ook open: http://www.thepaperfactory.nl/nieuwsbrief/
effe checken

[ Voor 71% gewijzigd door Verwijderd op 28-10-2003 15:35 ]

[Verwijderd]

Tsja was een beetje copy paste gevalletje. Zal hem ff opschonen. In elk geval bedankt.
Dirs dicht zetten moet ik ff zoeken nog hoe dat moet maar thx.

Laatste King Richard geeft aan dat ik document.bgColor = "#f0e0eb" voor outlook moet gaan gebruiken maar dit lukt me niet. Heb de volgende code in mijn head gezet:
<SCRIPT language="JavaScript">
myWindow.document.bgColor='#FFDD99';
</SCRIPT>

Maar nu is hij in outlook nog steeds wit?

[Verwijderd]

ja je code is echt een puinzooi, heb je nou zoveel tabellen daarvoor nodig?

PHP:

<u><br>
                                                  <br>
                                                  </u></font></p></td>
                                            </tr>
                                            
                                          </tbody>
                                        </table></td>
                                    </tr>
                                  </tbody>
                                </table></td>
                            </tr>
                          </tbody>
                        </table>
                      </center>
                    </div></td>
                  <td></td>
                </tr>
              </tbody>
            </table>
            <p></p></td>
        </tr></TBODY>
      </table>

ik zou gewoon even opnieuw beginnen!

die javascript gevalletjes kun je beter zowieso niet gebruiken in een mailclient.

<BODY bgColor=#FFDD99> zou moeten werken, anders is jouw outlook wel erg van slag.
Dit is trouwens meer een W&G`tje dan SA

PHP:

</BODY></HTML>

</body>
</html>

^^ kijk daar ook eens naar

[ Voor 126% gewijzigd door Verwijderd op 28-10-2003 15:49 ]

[KingRichard]

Verwijderd schreef op 28 October 2003 @ 15:45:
<BODY bgColor=#FFDD99> zou moeten werken, anders is jouw outlook wel erg van slag.

Bij mij doet 'ie het ook niet. Maar het is inderdaad veel beter om geen Javascript te gebruiken.
Ik zou ook de door Dreamweaver uitgespuugde HTML opschonen tot je een soort lege .htm hebt met zo weinig mogelijk code. Deze kun je ook hergebruiken.

[Verwijderd]

KingRichard schreef op 28 October 2003 @ 15:59:
[...]
Ik zou ook de door Dreamweaver uitgespuugde HTML opschonen ...

DW spuugt alleen de HTML eruit die jij erin zet, heb je geen benul ervan en druk je maar wat op knopjes van insert dit en place dat her en der, dan is het geen wonder dat je een boel brakke code hebt.

Wel raar dat bgcolor niet werkt, bij mij wel (outlook express).

[KingRichard]

Aha. Hiero Outlook 98 (8.5.5104.6).
Ik ben toch maar wat gaan experimenteren en wat bij mij wel werkt is dit:

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<BODY>
<STYLE>BODY {
    background-color: #FFDD99;
}
</STYLE>
<TABLE height=80 cellSpacing=0 cellPadding=0 width="100%" bgColor=#ffffff 
border=0>

<HEAD>-tags worden in mijn Outlook niet verwerkt, maar <STYLE> kun je ook gewoon in de body zetten.

[Dutch_guy]

Als je hem verstuurd via Outlook, dan ziet het er net zo uit als die html pagina hoor. Probeer maar.

Let wel op het volgende:

- Schoon je code drastisch op
- Verwijder alle javascript, dus ook die teller. (die Hotmail er toch gewoon uitsloopt)
- Verander de links "Bestel nu!" (zit ook javascript in, werkt niet en moet je helemaal niet in een HTML mail plaatsen.)

Afhankelijk van het aantal ontvangers en de frequentie van verzending, zou ik eens kijken of het de moeite loont om een robuustere oplossing te bedenken.


EDIT: Overigens zien die vorige nieuwsbrieven er 10x beter uit. Kan je die niet als basis gebruiken?

[ Voor 11% gewijzigd door Dutch_guy op 28-10-2003 16:34 ]

[Verwijderd]

Dutch_guy schreef op 28 October 2003 @ 16:30:
Als je hem verstuurd via Outlook, dan ziet het er net zo uit als die html pagina hoor. Probeer maar.

Let wel op het volgende:

- Schoon je code drastisch op
- Verwijder alle javascript, dus ook die teller. (die Hotmail er toch gewoon uitsloopt)
- Verander de links "Bestel nu!" (zit ook javascript in, werkt niet en moet je helemaal niet in een HTML mail plaatsen.)

Afhankelijk van het aantal ontvangers en de frequentie van verzending, zou ik eens kijken of het de moeite loont om een robuustere oplossing te bedenken.


EDIT: Overigens zien die vorige nieuwsbrieven er 10x beter uit. Kan je die niet als basis gebruiken?

- wanneer ik hem naar mezelf of een ander verstuur neemt hij bij mij echt de achtergrondkleur niet mee hoor!

-code opschonen is voor volgende keer
-Teller is weg
-Mmm dat die javascript code onder bestelnu niet werkt kom ik nu pas achter. Dat is balen omdat ik op deze manier mooi die link in de juiste grote kan openen!

[Dutch_guy]

En als je hem opent in je browser en dan verstuur met:

File > Verzenden > Pagina per e-mail

Geeft ie dan wel de achtergronkleur weer?

Geef anders eens een klein stukje code weer, als je de mail hebt verstuurd. Bij mij ziet dat er dan zo uit:

code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>The PaperFactory - Papermail - extra editie</TITLE>
<BASE 
href=http://www.thepaperfactory.nl/nieuwsbrief/extra_editie.html>
<SCRIPT language=JavaScript><!--
var windowHandle = '';

function myOpen(url,name,attributes) {
    windowHandle = window.open(url,name,attributes);
}
//--></SCRIPT>

<META content="MSHTML 6.00.2800.1264" name=GENERATOR></HEAD>
<BODY bgColor=#ffdd99>
<DIV>&nbsp;</DIV>
<TABLE height=80 cellSpacing=0 cellPadding=0 width="100%" bgColor=#ffffff 
border=0>

Staat die Body bgcolor er bij jou dan ook nog in ?

[Verwijderd]

Zelfs het javascript wordt er uit gegooid. Gewoon Internet explorer openen ctrl-a ctrl-c en dan in outlook ctrl-v.

Dan is alles goed behalve de kleur en javascript.
Op jouw manier wordt het een attachment bij mij. (Outlook 2000)

[Justice]

Ik weet natuurlijk niet of al je ontvangers outlook express hebben omdat je het door een bedrijfsnetwerk stuurt maar bijvoorbeeld Hotmail die gaat deze mailing nog veel verder verneuken. Wellicht dat het komt omdat html-mail niet gewenst is en dat veel mensen alleen text-only gaan ontvangen, en door het feit dat HTML nooit bedoeld is geweest om er overal hetzelfde uit te zien. Volgens mij kan je nog beter een plaatje inlinken en die versturen, met een html link naar je webpagina, zo doen al die viagra verkopers het ook namelijk.

Het idee is ongeveer hetzelfde als die blokkendoos die je vroeger had waarbij je probeerde een rond stuk hout in een vierkant gat te persen.

[ Voor 12% gewijzigd door Justice op 29-10-2003 08:46 ]

[crisp]

Als je HTML-mail verstuurd doe het dan goed en biedt ook een text-only alternatief in dezelfde mail. Spamfilters geven veel spampunten aan HTML-only mail.

[Dutch_guy]

Inderdaad gewoon als multipart versturen, is natuurlijk het beste.

Lees hier maar eens: http://wilsonweb.com/wmt5/html-email-multi.htm