HTML email design and coding expert needed

Hi, I am doing some HTML email ad design work and I can use
some help in making sure everything is done right to work best in
all the email reader applications. I'd be glad to pay for any help.
Thanks! -Todd

Contact me off-list, please....
forums at domain - and replace domain with
'great-web-sights.com'.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Todd Stuart Lerner" <[email protected]>
wrote in message
news:em9a8b$9jq$[email protected]..
> Hi, I am doing some HTML email ad design work and I can
use some help in
> making
> sure everything is done right to work best in all the
email reader
> applications. I'd be glad to pay for any help. Thanks!
-Todd
>

Similar Messages

HTML email design question

First off, I know about all of the pitfalls of using html in email, but this job requires it. My issue is that I'm using inline styles as is necessary in today's Microsoft-destroyed email environment, and I need to modify the spacing between paragraphs. The big problem is that Hotmail does not support the margin tag and Outlook 2007 doesn't support the padding tag at paragraph level. If I use both then every other email client adds double spacing. Does anyone know a way around this?

I suppose you could use double carriage returns between paragraphs.
<p>some text here</p>
<p> </p>
<p>some more text here</p>
Or you might try using style="text-indent: 45px" to indent the first line of your paragraphs.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Double trouble: email design and re Captcha

Hi,
I usually can do anything I need in Muse and now I hit a point where I don't know what to do. I got two problems and both are connected with Muse's email forms.
1) The design of the email I receive from my form.
I found the templates for the auto notification emails the form's sender receives after submitting the form and I was able to re-design the template. Now I want to re-design the email I receive from the form. Until now, I always get the Business Catalyst pre-styled email, two gray bars with the form's content in between. Since I am building the site for a customer and do not want to have them read the Business Catalyst "ads" in the mail, I would like to be able to re-design this email in the same style I did with the auto responder. Where can I do that?
2) Ever since I re-designed my auto-responder, re Captcha quit working. When I was using the form "as is" with Adobe's pre-formatted email templates, re Captcha worked fine. Now, with the changed auto responder template, I get the re Captcha error message every time I try to submit the form. I switched to BC Captcha and everything works fine, but I really want to use re Captcha.
Funny thing is: When submitting with re Captcha, the page itself disappears, I am redirected to my auto response email template where the re Captcha error message is displayed instead of the form's texts. I already trried reloading the re Captcha, the whole page, even quit and restarted my browser. As soon as I change the auto responder template, re Captcha does not work anymore.
Any help and ideas would be greatly appreciated!

Hi Aish,
since it is a client's website, I cannot link it publicly yet. But I can paste the template code I inserted:
<style type="text/css">
.mail {
    color: #0B3144;
    font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
.logo {
    vertical-align:top;
</style>
<table width="100%" border="0" cellspacing="3" cellpadding="3">
<tbody>
    <tr>
      <td align="left" class="mail"><p><strong>Customer's Name</strong><br>
          address
      <p> </p></td>
      <td align="right" class="logo"><img src="images/logo_email-01.png" width="250" height="75" alt=""/></td>
    </tr>
</tbody>
</table>
<table width="100%" border="0" cellspacing="3" cellpadding="3">
<tbody>
    <tr>
      <td class="mail">{tag_pagecontent}</td>
    </tr>
</tbody>
</table>
I can't see anything that should disturb re-Captcha. Do you?

Specifications for designing and coding

Maybe a stupid question but is there any documentation out there that helps an engineer learn and use the best object oriented design techniques. Also, is there one available in the area of coding techniques.
thanks

Maybe a stupid question but is there any documentation
out there that helps an engineer learn and use the
best object oriented design techniques. Also, is there
one available in the area of coding techniques.I don't think that there are any accepted "best practice". One of the important reasons, I think, is that design is a highly creative activity which cannot necessarily be categorized, schematized, or any think like that. There are, however, good design solutions to standard problems (in the software developer community they are known as "patterns"). I think that they are a good starting point when learning OOP because they are exemplary. A good book on the subject of patterns is:
Gamma et al. Design Patterns. Addison-Wesley. 1995.
But if you don't want to invest in a book, there is plenty of patterns material on the web. Try searching for "software pattern" or "design pattern".
Regards,
Søren Bak

Design and coding specifications

Maybe a stupid question but is there any documentation out there that helps an engineer learn and use the best object oriented design techniques. Also, is there one available in the area of coding techniques.
thanks

OOD:
http://www.amazon.com/exec/obidos/tg/detail/-/0201633612/qid=1047332381/sr=8-2/ref=sr_8_2/103-2687342-5754236?v=glance&s=books&n=507846
Techniques/Style:
http://www.amazon.com/exec/obidos/tg/detail/-/0521777682/qid=1047332795/sr=1-15/ref=sr_1_15/103-2687342-5754236?v=glance&s=books
silentOpen

Mac Mini - strong enough for design and coding software?

Hi everyone,
I apologize if this question has already been asked, but I couldn't find anything like it in the forums, so hopefully I haven't missed anything.
I'm looking to replace my (old) G5. While I'd love to buy a Mac Pro, I think it might be a little out of my price range. However, I plan to install (and use frequently) the Adobe CS4 suite, with all of its different programs - in addition to using iPhoto and the usual Mac apps.
My question is - can the Mac Mini handle this kind of software (PS, DW, Illustrator, InD) effectively, or is it not powerful enough?
Advice appreciated.
Thanks!
Torie

littlemissfoggy,
Considering the tremendous upgrades that the Mac Mini has acquired in the past years, if you upgrade the memory to a 4GB channel, then iPhoto would run flawlessly, and as for the Adobe CS4 suite i think that the Mac Mini would handle it, but if your wanting raw power meaning you want everything to go really smoothly, my best bet would be an iMac

How to use/import CM Tags in html email templates?

Hi guys
I would like to start designing html email templates and send mailings for my clients. Can anyone tell me how I can easily insert CM tags so that the template will be easily adapted to the content of the certain email in the email manager like Campagin Monitor?
Thanks!
Bob

Hi Nancy O.
I would like to design my own templates and instantly insert the right tags and so, so that I can import the templates to websites like Campaign Monitor and my clients can open templates when sending new mailsings.
The goal is to have my own designed templates for my clients with their layouts which they can use for their mailings. Also extending the newsletter (adding new article fields) should be possible etc.
Can you tell me what codes I need and what I should pay attention to in order to design nice templates that will appear correctly in nearly each mailbox?
Thanks in advance!
Bob

Creating HTML email newsletter

Hey all,
Not sure what forum.....
Looking for a program for creating newsletter emails containing graphics and pictures etc.., not sure what it is called. Like what you get from Apple, Borders or any big company.
Thanks,
Al

I just did one recently by hand, and so have some fresh experience; it's HTML & CSS at the crux of it.
Learned that there are unique parameters beyond web page knowledge that must be considered when doing this. There are a lot of quirks that you need to test against; many email clients render html emails differently and so it's a matter of getting a good balance of aesthetic & features. Plus you don't want to leave out people who prefer to use text only in their email... (they exist are are numerous for better or worse).
The quickest way to get up and running is probably to do your newsletter design in your preferred HTML editing program, view the page in Safari, then hit CMD-I (in Leopard).
The result won't be as professional (or size efficient) as it could be, but it's a quick start.
After spending about 2 days rolling my own, I still would love to know the workflow Apple uses haha!

IPhone HTML email thumbnails fail to link

I have an HTML email design with a section that uses images as links (thumbnails) to higher resolution versions of themselves. It works everywhere except the iPhone; each time you tap the link (a low res, small image), it brings up the "Save as" and "Copy" buttons instead of sending you to the Hi-Res image... What's wrong?
I can only be certain the problem exists on an iPhone4 (non "s"). I've heard it rumored that it may be a problem with the iPhone 4 specifically? Any workaround?

Ooops, I spoke a little to soon. I was so excited to finally see the BG image show up, that I didn't even notice that the table data was not displaying. Argggh!
Where in your code would I add the data?
I have it in this little 3 by.3 table which I attempted to nest inside a cell of your code. Looked fine in a browser, but was invisible in newer Outlook messages.
Here is the data table
<TABLE>
        <TBODY>
        <TR>
          <TD height=25 colSpan=3></TD></TR>
        <TR>
        <TR>
          <TH height=10 width=200>
           <DIV align=right><I><FONT size=2>Range of Returns</FONT></I>
          </DIV></TH>
          <TH width=140>
            <DIV align=center><I><FONT size=2>September</FONT></I></DIV></TH>
          <TH width=190>
            <DIV align=center><I><FONT size=2>YTD</FONT></I></DIV></TH></TR>
        <TR>
          <TD height=10>
            <DIV align=right><FONT size=2>All PCM Accounts </FONT></DIV></TD>
          <TD>
            <DIV align=center><FONT size=2>1.0% - 8.0%</FONT></DIV></TD>
          <TD>
            <DIV align=center><FONT size=2>5.1% - 21.7%</FONT></DIV></TD></TR>
        <TR>
          <TD height=21>
            <DIV align=right><FONT size=2>S&P 500 </FONT></DIV></TD>
          <TD>
            <DIV align=center><FONT size=2>2.4%</FONT></DIV></TD>
          <TD>
            <DIV align=center><FONT size=2>14.6%</FONT></DIV></TD></TR>
        <TR>
          <TD height=75 colSpan=3></TD></TR></TBODY>
</TABLE>
Would love your assistance.

Image map in html email- color of text

I'm using some image maps in an html email newsletter and using the alt tag on some of the images to give a brief description as to what the newsletter content covers.
The issue I have is that the alt text is in the color blue. Can I control that and make it black? I've tried a few ideas but the text stubbornly remains blue........grrr!
Thanks
Os

RikRamsay14 wrote:
I think this is going to be one of those cases where I disagree with a large amount of your arguments. I find almost no valid reason for using a "slice and dice" method of email marketing and if the client is going to insist on that (or at least not accept the little extra time/cost in creating a template), it should be made very aware to them that the impact of the email will be severly diminished.
The hardest/most time consuming part of the template building (or HTML email building) is getting your first one that works consistently in all/most email clients. Once you have that one, its very easy and fast to change the layout, edit content etc. Add to that MailChimps resources on pre-designed HTML email templates and your good to go. http://mailchimp.com/resources/html-email-templates/
As for your examples above, they are not all done the same way.
http://www.screwfix.info/nl/jsp/m.jsp?c=4d2f0f00cbac503dfb is a relatively good example as the main focus of the email is in text - the top and the offer. The images are all products.
http://tre.emv3.com/HM?a=ENX7CloMai0H8SA9MOBj7h3nGHxKXLxSfPcStGb5lw8W0 bBhOG5mpqVsje_HheCmyF2x is a bad one as it's images all the way to the disclaimer.
You can see the differences by turning images off in your browser using the web deveoper toolbar.
I agree only IF you have a client that adheres to the template. I don't know many or any clients that adhere to anything personally. Its like when producing a magazine. Good ones adhere to a template design but they are generally produced by large companies with a good budget, a marketing department and a copywriter to make sure the content fit. My client are not in that league, they tend to write the copy themsleves and don't edit anything or give too much care or attention to following any layout. My job is to make what they supply fit. A template in that senario is going to be completley useless.
The first example above is probably 95% images....and you think that's a realatively good html email example?

Emails Retention and Re-sending emails after a while from the appliance

I need to know if it would be possible to keep track of the whole email in the appliance not only the message tracking (which contains the Processing details only without the email Body)
And I also need to know if it is possible to resend an email from this backup to a user after a while. For example after 1 month, I need to search in the email retention for a specific email and resend it to the mail server.
Other Vendor are able to do it using the message log, but I am having a hard time finding a solution for that on the cisco email security appliance

For our products we currently do not have any retention mechanism such as this. The appliance is not meant to be a mail retention system.
-Robert

I need to download all my emails from an html server account and archve them on my PC. How?

I have a paid email account on Spamcop, which will be shut down in a few days. I want to download all my emails, inbox and sent-mail, to my PC and archive them -- before deleting them from the server. I currently have a "mirror" of the server in Thunderbird; but I don't want to lose any of those emails when I clean off the server.
What do I need to do to accomplish this?
PS: I'm a new user who hasn't had a PC-based email client for at least 8 years.

Move all messages to your 'Local Folders' account. You can create folders underneath 'Local Folders' to mirror any folder structure you may have on the server.
To move messages to Local Folders:
Select the messages to be moved on the server.
Right-click the selected messages - choose 'Copy To'
Select 'Local Folders' as destination.
Once the messages have been successfully copied to your disk you can delete them on the server.

Help needed with creating HTML email in Dreamweaver

Hi everyone, would really appreciate some help with a dilemma or two that I have.
I have created the following newsletter in Dreamweaver and uploaded it to our website:
http://www.nova-design.co.uk/sales/000030.html
Now, when I go into my email mass mailing client (Handymailer) and send a test out, I encounter a couple of problems.
Firstly, in Outlook when I receive the email, the grey table on the right of the eshot, is crushed and a lot of the single line text is forced to go over two lines...
Secondly, in Hotmail, the table displays fine, but it does say that "This message is too wide to fit your screen. Show full message."
Once I click "Show full message" it displays in full, but I then need to scroll across to the middle of the browser to view the email.
If I left align the newsletter will this problem be solved? Or is there a way in Dreamweaver that I can edit the entire page size so that it's not too wide?
The table is 600px wide so I assumed that any email sent out would shrink to this size.
Any help would be greatly appreciated! This is the first full HTML email I have sent out so it's going to be far from perfect!

mozza34 wrote:
I need to look into using inline css styles, I have no idea how to so need to read up on those.
I created a transparent GIF and placed it, but that moves my text down because the image is in the way? Am I doing that right?
Make the transparent gif 1px high.
Is it the links in the right column that go onto two lines? If so that could be because the links are wider than the actual column itself..so you will have to make column wider.
If you can't sort it, have a look at the code below, copy and paste into a new Dreamweaver document and test out. Inline css styling is used in the code below. I've masked your email so no spam bots get hold of it.
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
</head>
<body style="background-color: #CCC;">
<table width="600" border="0" cellspacing="0" cellpadding="0" style="margin: 0 auto;">
<tr>
<td width="412" style="font-family: arial, helvetica, sans-serif; font-size: 12px; padding: 10px 10px; background-color: #fff; vertical-align: top;">
<table width="392" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="text-align: center;"><img src="http://www.nova-design.co.uk/images/novalogo.jpg" alt="Nova Design" width="208" height="155" align="top" /></td>
</tr>
</table>
<p style="font-size: 16px; font-weight: bold;">September 2011 Update</p>
<p>Welcome to our September 2011 Newsletter! Keeping you up to date with all things Nova Design.</p>
<p><strong>New Addition</strong></p>
<p>We would like to welcome to our team Kieran Duggal. Kieran joins us from Schneider Electric and will be placed into a newly created recruitment role within the company.</p>
<p>With the contracting side of our business growing, Kieran will be looking after all things recruitment.</p>
<p>If you are currently looking for work in the field of engineering design, or if you are looking to take on contract or permanent design engineers, feel free to contact Kieran for a chat about current possibilities.</p>
<p> Kieran Duggal - Recruitment Executive<br />
      <a href="mailto:[email protected]" style="color: #000;">
      [email protected]</a><br />
    01384 405 977</p>
    <p><strong>Social Media</strong></p>
    <p>Further expanding our Social Media horizons, we have decided to create a group on LinkedIn. Here we will be listing current vacancies and allowing people from the engineering world to take part in various discussions. Please make sure to join our group, as we will be looking to develop it over the coming months.</p>
    <p><strong>Revamped Design Team</strong></p>
    <p>We have recently taken on several enthusiastic, highly skilled graduates. We feel our current team of design engineers is stronger than ever, with a healthy mix of vast experience and youth. We are constantly searching for the best engineering talent in order to consistently provide our clients with high quality levels of work.</p>
    <p><strong>Summary</strong></p>
    <p>2011 has been a busy, exciting year so far and long may it continue. Our clients are what make us, and we would like to thank those of you who have placed business with us in the past.</p></td>
<td width="158" style="font-family: arial, helvetica, sans-serif; font-size: 12px; padding: 0 10px; background-color: #333; vertical-align: top;"><img src="../images/novalogo.jpg" alt="Nova Design" width="168" height="1" align="top" />
<p style="color: #fff;">
<strong>Nova Design Ltd</strong><br />
Watt House<br />
Innovation Centre<br />
Pensnett Trading Estate<br />
Kingswinford<br />
West Midlands<br />
DY6 7YD</p>
<p style="color: #fff;">T: +44 (0)1384 400 044<br />
F: +44 (0)1384 400 090</p>
<p style="color: #fff;">W: <a href="http://www.nova-design.co.uk" style="color: #fff;" target="_blank">www.nova-design.co.uk</a><br />
E: <a href="mailto:[email protected]" style="color: #fff;">[email protected]</a></p>
<table width="168" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="vertical-align: middle; padding: 7px 0; font-size: 12px;"><a href="http://www.facebook.com/novadesignuk" target="_blank"><img src="http://www.nova-design.co.uk/images/facebook.gif" alt="Facebook" width="25" height="25" align="absmiddle" style="border: none;" /></a> <a href="http://www.facebook.com/novadesignuk" style="color:#fff;" target="_blank">Facebook</a></td>
</tr>
<tr>
<td style="vertical-align: middle; padding: 7px 0; font-size: 12px;"><a href="http://twitter.com/novadesignuk" target="_blank"><img src="http://www.nova-design.co.uk/images/twitter.gif" alt="Twitter" width="25" height="25" align="absmiddle" style="border: none;"/></a> <a href="http://twitter.com/novadesignuk" style="color:#fff;" target="_blank">Twitter</a></td>
</tr>
<tr>
<td style="vertical-align: middle; padding: 7px 0; font-size: 12px;"><a href="http://www.linkedin.com/groups?about=&gid=4002529&trk=anet_ug_grppro" target="_blank"><img src="http://www.nova-design.co.uk/images/linkedin.gif" alt="LinkedIn" width="25" height="25" align="absmiddle" style="border: none;"/></a> <a href="http://www.linkedin.com/groups?about=&gid=4002529&trk=anet_ug_grppro" style="color:#fff;" target="_blank">LinkedIn</a></td>
</tr>
<tr>
<td style="vertical-align: middle; padding: 7px 0; font-size: 12px;"><a href="http://www.nova-design.co.uk/blog/?feed=rss2" target="_blank"><img src="http://www.nova-design.co.uk/images/rss.gif" alt="RSS" width="25" height="25" align="absmiddle" style="border: none;" /></a> <a href="http://www.nova-design.co.uk/blog/?feed=rss2" style="color:#fff;" target="_blank">RSS Feeds</a></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>

From:, To: and Subject: end up in email body - html email using sendmail

To the experts and the experienced:
I am trying to send email in html format from a Korn shell script on Solaris 10. The
email does get delivered and is displayed html-formatted, except that the From:, To: and
Subject: lines are displayed in the email body, rather than in the email header. I
would appreciate it very much if experts and the experienced could shed some light.
I use this command line to send the email:
sendmail -t [email protected] < testmail
The content of the testmail file is as follows:
MIME-Version: 1.0
Content-Type: multipart/alternative; boundary="frontier"
--frontier
Content-Type: text/plain
From: [email protected]
To: [email protected]
Subject: test html email
This is a plain-text email.
Newman
--frontier
Content-Type: text/html
From: [email protected]<br/>
To: [email protected]<br/>
Subject: test html email<br/>
<h3 align="center">This is a html email</h3>
<p>This is the paragraph.</p>
<p>Newman</p>
frontier\
The email received in Microsoft Outlook (html-formatted), looks like this:
From: [email protected]
To:
Subject:
From: [email protected]
To: [email protected]
Subject: test html email
<h3 align="center">This is a html email</h3>
<p>This is the paragraph.</p>
Newman
Two things in the email need fixing:
1. All the From:, To: and Subject: lines are treated as part of the email body and are
displayed in the email body, rather than in the header as I wanted them to.
2. The From: line in the email header is the actual sender, not the Bursar.Office as I
put in the testmail file. This can be easily done when using SMTP (telnet to port 25)
or mailx.
How do I tell sendmail/the email client to display in the intended places the From:,
To: and Subject: information that I specified in the testmail file?
Many thanks!
Newman

I searched in google and found a solution:
mailx -r [email protected] -s "test html email
content-type: text/html" john.doe < testmail
The testmail file is a pure html file with one <html></html> element. The content embedded in this element is the body of the email, with all the usual tags you would like to use: <head>, <style>, <h3>, <p>, <ul>, etc.
The trick is piggy-backing a content-type with the subject. It seems to me this it to get the content-type into the email header rather than into the body. And that was exactly the problem I had.
The command lines was executed on Solaris 10. It works.
Hope this could be useful to someone who would encounter the same problem.
Newman

Responsive HTML email help needed

Hi everyone,
first things first, Im a graphic Designer by trade, so some of my questions might be really simple and my method of working might be terrible...
that being said, here is my question. Im in the middle of revamping the company I work for's emails and have decided that since im doing the work, I want to make them responsive to screen size etc.
However, I create them in Indesgn, slice the PDF to Photoshop, then add the linking and text elements in dreamweaver... This has worked perfectly for me in the past but now when I try to add any code or CSS that I find that should in theory help me with my problems I just cant seem to get my designs to fir to screen...
Can anyone out their help me?
Like I said, im really not a pro at this and am working at it from a visual designers point of view...
Thanks
Chris

I'm really sorry to say it and, in the interest of saving you time and headaches, I'm not going to sugar-coat it...
Pretty much everything you're doing is "the worst possible way to do it" when it comes to html email.
I'm thinking the best plan of attack for you would be to find and use a template available from services like www.constantcontact.com or www.icontact.com so you can just drop imagery and text into pre-built "will work in a large number of email clients" documents.
If you do want to learn to code html emails, you have to come to terms with the fact that they're stuck in about 1990 as far as "best practices" go and a lot of what you can do with websites just doesn't work well for them.
You need to start in Dreamweaver with a table based layout, then add your images from photoshop (the html created by PS is notoriously rigid and difficult to add/change anything in). The problem is, not all email clients are alike and very few of them render like a browser. There are some that won't show any images, there are some that will strip out css or the entire <head> section of an html document and there are others that will render with all the fidelity of a modern browser.
Here's a good article by one of the other posters here (Nancy O): Alt-Web Articles, HTML E-mails and Newsletters

HTML email design and coding expert needed

Similar Messages

Maybe you are looking for