4 replies [Last post]
Mink's picture
Offline
Joined: 08/08/2007
Juice: 66
Was this information Helpful?

Finally finished my template, and have everything working as I wanted. Looks good up till it gets emailed. When I email the invoice to myself at gmail to test it, the template wonks out. I think it loses my styles somehow. The invoice was orignally a microsoft office template that I downloaded and changed. When I converted it to html it did funny things with the H2 settings. I think the problem is related to that setting. Can someone give me some insight? Images of the differences are attached.

Excuse any obvious editing, I am using live data to test this and I had to block out some personal information that showed up on the template.

PreviewAttachmentSize
invoiceemail.JPGinvoiceemail.JPG46.83 KB
printinvoice.JPGprintinvoice.JPG29.86 KB
Mink's picture
Offline
Joined: 08/08/2007
Juice: 66
Re: Invoices and email

Don't know why the image for the screenshot to email looks so bad. Here is a beter version.

AttachmentSize
oie_invoiceemail.gif 18.89 KB
Ryan's picture
Offline
Joined: 08/07/2007
Juice: 15438
Re: Invoices and email

If you're linking to any sort of stylesheet or image, you need to use absolute links. (Links that include the full URL, not just a relative URL like /image.jpg.) That may be one issue. I don't know exactly how CSS works in emails, so I've just been using style and other HTML tags to get the formatting right.

Mink's picture
Offline
Joined: 08/08/2007
Juice: 66
Re: Re: Invoices and email

I don't mind the blue not showing up, that doesn't bother me. The problem was the text. I have the stylesheet in the file itself for the invice, but I think I will have to move to direct styling instead as you suggested. Thank you!

nicksageek's picture
Offline
Bug Finder
Joined: 09/20/2007
Juice: 53
Absolute CSS

Hey Mink, just a thought, but try using absolute CSS class and id names. If they are conflicting with Gmail's stylesheet, that could be your problem.

Good luck.