tisdag, 30 augusti 2011, 23:02
Bakgrundsbilder och Hotmail
I morgon bitti skickar vi vårt kunskapsbrev och e-postnördar som vi är, Sarah och jag, så kodar vi givetvis breven själva.
Men så ska det alltid strula i någon e-postklient och den här gången var det i Hotmail.
Vi har en stor bakgrundsbild som faktiskt fungerar i de flesta e-postklienter, Mac, Gmail, Hotmail, Outlook på PC etc.
Du fixar en bakgrund som fungerar nästan överallt genom att ange bakgrundsbilden två gånger i koden. En gång i ”BODY” och en gång i en omslutande html-tabell.
Så här i ”BODY”:
<body background=”http://www.nordicecommerceknowledge.se/ebrev/ebrev-bg1.jpg”>
Och så här i den omslutande html-tabellen:
<table width=”100%” cellpadding=”0″ cellspacing=”0″ border=”0″ align=”center” background=”http://www.nordicecommerceknowledge.se/ebrev/ebrev-bg1.jpg”>
Men den klipptes av i Hotmail. Problemet med Hotmail är att den gör bara bakgrunden, varse sig det är en bakgrundsbild eller en bakgrundsfärg, så bred som innehållet är brett. Det blir vitt glapp på sidorna och dessutom vänsterställs brevet. Inte särskilt snyggt.
Kolla här:
Efter sju försök fick vi äntligen rätt på det. Du måste skriva över Hotmails regler för innehållsvisning och detta gör du med lite CSS-kod i toppen av mailet.
Så här:
<style type=”text/css”>
.ReadMsgBody
{width:100%;}
.ExternalClass
{width:100%;}
</style>
Kolla nu vad fint bakgrunden visas:
Vill du ha kunskapsbrevet anmäler du dig på den här adressen:
www.nordicecommerceknowledge.se
