CSS Based Emails using G-mail

Discussion in 'Web Design & Coding' started by technokid88, Jun 14, 2008.

  1. technokid88

    technokid88 Part of a System Folding Team

    Messages:
    741
    Location:
    In a world without windows
    I need to do a css based email using g-mail, I was looking at this for some help. http://www.xavierfrenette.com/articles/css-support-in-webmail/

    I'm just confused where do I put the code, when i put the code into the email, it sends it as just code. Not the layout I want. Anyone familiar with this using g-mail?
     
  2. Mizzle

    Mizzle Oh, now I know...!

    Messages:
    347
    Location:
    Denmark
    Well... My best advice would be to either do the styling in Word or similar, and hope that all the formatting is kept when pasting it over in Gmail, or you could do the styling in Word, paste it over in an email written in Outlook (set up using a gmail account), and then send it to yourself, to later on in the web-based Gmail, remove the unnecessary text (sender info, etc.), and you should be there.
     
  3. technokid88

    technokid88 Part of a System Folding Team

    Messages:
    741
    Location:
    In a world without windows
    well tried this no images showed up, only broken ones. I how can i edit the code out. Gmail doesn't show me the code.
     
  4. Mizzle

    Mizzle Oh, now I know...!

    Messages:
    347
    Location:
    Denmark
    AFAIK, you can't edit the codes in Gmail. Maybe there's some sort of GreaseMonkey script that'll allow you to do so, but I'm not sure.
     
  5. technokid88

    technokid88 Part of a System Folding Team

    Messages:
    741
    Location:
    In a world without windows
    I came up with a solution finally, I use office to do a 3 row table, change the fonts and also do the background colors on office. Copy and Paste this to gmail, then on the top row I go to a web page where my image is being hosted then drag my mouse over to select the image then copy and paste it to gmail onto the top row. This will embed the image to gmail. Then just sent the email. It will come out looking very nice, if the other person trusts you and chooses to display images for you.

    edit note:
    Actually got a even easier way. Just create a simple html code using tables, you can do background images to the tables. Then upload it to your server. Then just go to the page and select all, and paste it to gmail or yahoo email. It should come out just like the page.

    Both ways work fine.
     
    Last edited: Jun 16, 2008
  6. Mizzle

    Mizzle Oh, now I know...!

    Messages:
    347
    Location:
    Denmark
    Ah ok, thanks for that :) I guess the copy/paste idea wasn't too shabby then, just not the right idea about using it, lol.