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?

Similar Messages

URLRequest and navigateToURL to open email client but HTML email, not plain text???

I want users to click a button that uses URLRequest and navigateToURL to open the user's default email client with email body pre-populated with HTML email.
Even though I have tried to set the contentType property to one of the following, the HTML tags always display:
application/xml
application/html
var request:URLRequest = new URLRequest("mailto: ?subject=Test Email&body=<h1>Test Body</h1>");request.contentType = "multipart/form-data";
navigateToURL(request, "_self");
BTW, the above code is simplified, so I am using escape() on the subject and body text, etc.
So, is there any way to use mailto in this way to open the default email client and pre-populate with HTML email but not see the tags (BUT NOT REVERT TO PLAINTEXT)?

FTQuest wrote:
@Jason
>The problem there however is that very few people actually set this up... (default mail client)
Jason, can I ask you: is it your assumption, or there is/was reliable polling showing that majority of users prefer manually go the mail server instead of using the mail client application of their choice - Outlook, FireBird, Mail, etc?
Igor Borodin
There are numerous reasons behind avoiding mailto links in relation to design. And it's been debated back and forth for years. Form vs Mailto link both have their pros and cons and intended usages.
After panelling groups of individuals for three seperate projects regarding various design perspectives in the RIAs we developed, it became quickly apparent that on numerous occasions users clicking a mailto link were unaware of what the resulting screen was actually for. Several had never set up the default mail client on their pc. Many thought that "Yahoo" was the only email service in the world... Now, with that said, the target demographic for those applcations may or may not be what his, yours, or anyone's project may be. The key there is going to be identifying your dedmographic and determining the tech prowness. Also, what exactly is the email's intended result? Refer a friend style? Might be better handled through a web form due to the possiblity of being able to properly track how many referrals were actually made. How many resulted in a visitor. Simply notifying admin that there is a problem on the site? Might be better to fire off a mailto.
Reliably sending a preformatted HTML email can only be guaranteed on the server side. Otherwise, you run into problems just like he is having here. Now, if the email is plain text, different story.
Again, it all comes down to identifying your usage and properly utilizng the available tools.

How do I send Plain Text email and view HTML email as Plain text

On the Z10, how can I send a plaintext email message?And how can I view an email message as plain text?

I agree with everyone else here. For Blackberry NOT to allow text email just seems ludicrous. It is the kind of thing Apple would do to their hypnotized fans. Surely it isn't up to Blackberry to dictate how people send and receive email. There job is to enable people to work in the way that they want to work, which for many people means TEXT only emails. Like others I have run into problems using systems that expect text only emails (e.g. Toodledo) and just figured I would switch the Z10 to text mode. Shocked when I found out I couldn't. I really like my Z10, but can't help but feel in some ways Blackberry have made massive backwards strides, e.g. Blackberry Protect, Blackberry Connect (is that the thing that connects it with the playbook - I can't remember as I stopped using it when I realized all the features had vanished), etc. Come on Blackberry, we want killer features in the Z10 and not features killed :-)

IMAGES IN HTML EMAIL WON'T APPEAR IN GMAIL

Hello, first I am not a programmer, i just watched some youtube videos on how to do it and i followed verbatim. My process was
1. i used photoshopcc2014 to slice this image into a html file
2. i opened it up in DreamWeavercc2014 to get this code:
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<table id="Table_01" width="752" height="452" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="10">
<img src="images/positive-wear-banner_01.gif" width="751" height="12" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="12" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/positive-wear-banner_02.gif" width="60" height="136" alt=""></td>
<td colspan="8">
<a href="http://the-culture.net/" target="_blank">
<img src="images/positive-wear-banner_03.gif" width="611" height="86" border="0" alt=""></a></td>
<td rowspan="3">
<img src="images/positive-wear-banner_04.gif" width="80" height="140" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="86" alt=""></td>
</tr>
<tr>
<td colspan="8">
<img src="images/positive-wear-banner_05.gif" width="611" height="50" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="50" alt=""></td>
</tr>
<tr>
<td colspan="3" rowspan="2">
<a href="http://the-culture.net/products/be-blessed-tank-top" target="_blank">
<img src="images/positive-wear-banner_06.gif" width="183" height="261" border="0" alt=""></a></td>
<td rowspan="3">
<img src="images/positive-wear-banner_07.gif" width="37" height="268" alt=""></td>
<td colspan="2">
<a href="http://the-culture.net/products/liv-life-prosper-tank" target="_blank">
<img src="images/positive-wear-banner_08.gif" width="187" height="4" border="0" alt=""></a></td>
<td colspan="3">
<img src="images/positive-wear-banner_09.gif" width="264" height="4" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="4" alt=""></td>
</tr>
<tr>
<td>
<a href="http://the-culture.net/products/liv-life-prosper-tank" target="_blank">
<img src="images/positive-wear-banner_08-11.gif" width="185" height="257" border="0" alt=""></a></td>
<td colspan="2" rowspan="2">
<a href="http://the-culture.net/collections/truth-or-belief/products/judge-me" target="_blank">
<img src="images/positive-wear-banner_10.gif" width="178" height="264" border="0" alt=""></a></td>
<td rowspan="4">
<img src="images/positive-wear-banner_12.gif" width="10" height="299" alt=""></td>
<td colspan="2" rowspan="3">
<a href="http://the-culture.net/collections/truth-or-belief/products/never-silence-truth" target="_blank">
<img src="images/positive-wear-banner_12-14.gif" width="158" height="274" border="0" alt=""></a></td>
<td>
<img src="images/spacer.gif" width="1" height="257" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/positive-wear-banner_14.gif" width="183" height="7" alt=""></td>
<td>
<img src="images/positive-wear-banner_15.gif" width="185" height="7" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="7" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="2">
<img src="images/positive-wear-banner_16.gif" width="105" height="35" alt=""></td>
<td colspan="5" rowspan="2">
<a href="http://www.the-culture.net/" target="_blank">
<img src="images/positive-wear-banner_16-18.gif" width="478" height="35" border="0" alt=""></a></td>
<td>
<img src="images/spacer.gif" width="1" height="10" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/positive-wear-banner_18.gif" width="158" height="25" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="25" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="60" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="45" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="78" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="37" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="185" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="2" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="176" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="10" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="78" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="80" height="1" alt=""></td>
<td></td>
</tr>
</table>

</body>
3. I followed the instructions of this video to post it in gmail How to Create a HTML Email in Gmail - YouTube
and this is what came out
can anyone tell me what i did wrong or should do?

thisisj1 wrote:
Thank You for your reply. my website is www.the-culture.net its a store through shopify.com. How would i go about giving them absolute link to my remote server?
You could copy the images link from the pages code and link it to your html email:
http://cdn.shopify.com/s/files/1/0150/7840/products/download_277fab2f-4e46-44b1-a4b4-34fd1 7e5a2dd_large.jpeg?v=140603487…
BUT
I would just upload the images to YOUR server in a folder and link the images in the html email to those.

HTML Email Problem

Hello,
I am creating an HTML email. I sent the email to someone who
opened it with Entourage on a mac - it looked great. Then I sent it
to some people who use Microsoft Outlook - it had some issues - the
main div tag was extending all the way to the right of the window,
but I had set the div to a fixed width of 600px. Also the image
maps that I had created for external links were now not over the
locations I had put them on (they had shifted out of place)
As I said, no problems in Entourage - it displayed and
functioned exactly how I intended. But in Microsoft Outlook, I had
the above issues.
Any help would be much appreciated. I can send you the email
so that you can see what I am talking about.
If this is not the right place to post concerning HTML
emails, I would appreciate some guidance as to where I should go.
Thanks
Kit

Yep. As does JangoMail.
Mark "elifgis." Boyd
Keep-On-Learnin' :)
Murray *ACE* posted in macromedia.dreamweaver:
> Most probably it does.
>
> --
> Murray --- ICQ 71997575
> Adobe Community Expert
> (If you *MUST* email me, don't LAUGH when you do so!)
> ==================
>
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
>
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
> ==================
>
>
> "P@tty Ayers ~ACE"
<[email protected]> wrote in
> message news:[email protected]...
>> Ok, good to know. I bet Constant Contact does too.
>>
>> --
>> Patty Ayers | www.WebDevBiz.com
>> Free Articles on the Business of Web Development
>> Web Design Contract, Estimate Request Form, Estimate
Worksheet
>> --
>>
>> "Murray *ACE*"
<[email protected]> wrote in message
>> news:[email protected]...
>>> Mailchimp and UniversalEmail (WebAssist) both
have the option to
>>> create a multipart email containing both HTML
and Text versions.
>>> Doing this manually would be a major PITA!
>>>
>>> --
>>> Murray --- ICQ 71997575
>>> Adobe Community Expert
>>> (If you *MUST* email me, don't LAUGH when you do
so!)
>>> ==================
>>>
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
>>>
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
>>> ==================
>>>
>>>
>>> "P@tty Ayers ~ACE"
<[email protected]> wrote
>>> in message
news:[email protected]...
>>>> How is that done, Murray?
>>>>
>>>> --
>>>> Patty Ayers | www.WebDevBiz.com
>>>> Free Articles on the Business of Web
Development
>>>> Web Design Contract, Estimate Request Form,
Estimate Worksheet
>>>> --
>>>>
>>>> "Murray *ACE*"
<[email protected]> wrote in
>>>> message
news:[email protected]...
>>>>> That's why I send my HTML emails with
both text and HTML
>>>>> parts, although if your preferences are
to render incoming
>>>>> stuff in HTML, you won't see the text
version.
>>>>>
>>>>> --
>>>>> Murray --- ICQ 71997575
>>>>> Adobe Community Expert
>>>>> (If you *MUST* email me, don't LAUGH
when you do so!)
>>>>> ==================
>>>>>
http://www.projectseven.com/go
- DW FAQs, Tutorials &
>>>>> Resources
http://www.dwfaq.com - DW FAQs,
Tutorials &
>>>>> Resources ==================
>>>>>
>>>>>
>>>>> "P@tty Ayers ~ACE"
<[email protected]>
>>>>> wrote in message
news:[email protected]...
>>>>>>
>>>>>> "JoeyD1978"
<[email protected]> wrote in message
>>>>>>
news:[email protected]...
>>>>>>
>>>>>>>I see no reason to avoid using
imagery in HTML emails. Every
>>>>>>>big brick and
>>>>>>> mortar retail store uses the
hell out of them that's for
>>>>>>> sure. I've seen a ton
>>>>>>> of tricks to get people to click
the "view images link" too.
>>>>>>
>>>>>> The reason is that most people won't
see the images. None of
>>>>>> those tricks work on me, and I throw
out most of those
>>>>>> emails, because they arrive looking
terrible and looking like
>>>>>> spam.
>>>>>>
>>>>>> A nicely-formatted text email with
actual information in it -
>>>>>> that I'll stop and read.
>>>>>>
>>>>>>
>>>>>> --
>>>>>> Patty Ayers | www.WebDevBiz.com
>>>>>> Free Articles on the Business of Web
Development
>>>>>> Web Design Contract, Estimate
Request Form, Estimate
>>>>>> Worksheet --
>>>>>>
>>>>>
>>>>
>>>
>>
>
>
>

How do I change the color of text in Messages?

How do I change the color of text in Messages? It was easy to do before, but I can't seem to find it after the upgrade.. is it a hidden menu option? The gray text is really annoying.

Two possible ways are available
Set the text with and html text string like "<html><font color-red>" + text + "</font></html>"
or get the cellrenderer, cast to the DefaultCellRenderer and call setForeground or background or implement or your own cellrenderer to do the custom coloring (this could maybe depend on indexes)
ICE

How do I change the color of text on a greeting card

I don't see where to change font, change size, change text color or center text on card.

Two possible ways are available
Set the text with and html text string like "<html><font color-red>" + text + "</font></html>"
or get the cellrenderer, cast to the DefaultCellRenderer and call setForeground or background or implement or your own cellrenderer to do the custom coloring (this could maybe depend on indexes)
ICE

How do i change the color of text boxes and the texts that i enter in them?

I recently changed my system's color settings and now the text boxes in Firefox are dark grey. This is fine when the text happens to show up as white, but when it shows up as black, I can't read what I'm typing. (I'm not clear on what makes the difference. The box I'm typing this in now happens to be dark grey with white text.) I've tried playing around with settings within Firefox preferences and in my OS' (Kubuntu) system settings, and haven't yet been able to identify what settings exactly might change this specific aspect.

Two possible ways are available
Set the text with and html text string like "<html><font color-red>" + text + "</font></html>"
or get the cellrenderer, cast to the DefaultCellRenderer and call setForeground or background or implement or your own cellrenderer to do the custom coloring (this could maybe depend on indexes)
ICE

KNOWN ISSUE: HTML Messages with plain-text signatures

To get around the EAS security policy issue, I'm having non-sensitive emails from work forwarded to a GMail account from a redirect set up in our corporate OWA. The redirect seems to send the messages to GMail without any issues; formatting is 100% intact, and in the GMail web client as well as Thunderbird, Entourage, etc., HTML emails with plain-text signature attachments show the plain-text message inline with the rest of the formatted message. All of our internal mailing lists have these plain text attachments that say where the message was coming from (Message sent from [email protected] by listserv). These get affixed to every message, both plain text and HTML.
Here's my problem: The Pre's email client handles both plain text and HTML messages beautifully. But, when I receive a message from a mailing list with a plain text attachment, the HTML portion disappears, and all I see is the signature.
Is there any way to make the Pre show the HTML INSTEAD of the plain text? I can live without the sig, I know where the messages are coming from already. But if I can't read the message, it's useless. I've only begun researching this and so far Google hasn't been much help, nor has searching these or other forums. Any help would be appreciated.
Palm Pre P100EWW
Post relates to: Pre p100eww (Sprint)
Message Edited by HowellBP on 06-16-2009 04:13 PM

1-51626418773
I just got off the phone with Palm Support. Apparently this is a bug in the mail application. It currently does not support parsing both HTML and plain text in the same message. It will read EITHER plain text OR HTML, but not both at the same time. This will be fixed in a future update.

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

HTML Email templates

I'm trying to find out how I can lock my page content and
images in my HTML emails I'm creating. It seems when I create these
emails for advertising and some one forwards it everything breaks
apart. Also, for some reason Microsoft Office 2007 doesn't hold
these HTML emails together either.
Any help? Thank you.

> some one forwards it everything breaks apart.
Yep - that's how it works....
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
==================
"marketingcentral" <[email protected]> wrote
in message
news:efefu5$lm7$[email protected]..
> I'm trying to find out how I can lock my page content
and images in my
> HTML
> emails I'm creating. It seems when I create these emails
for advertising
> and
> some one forwards it everything breaks apart. Also, for
some reason
> Microsoft
> Office 2007 doesn't hold these HTML emails together
either.
>
> Any help? Thank you.
>
>

Image Map calling portal report

I have a dynamic page that uses an image map (see html below). I have created a portal report named: 'STUDENT_SCHEDULE'. How do I get the Image map to call the portal report?
<! -- Image map created by MapMaker32 -->
<IMG alt="Parent/Guardian Options" border="0" SRC="/images/teacher17.gif" USEMAP="#teachmap.htm" BORDER=0>

<MAP NAME="teachmap.htm">
<AREA SHAPE="rect" COORDS="9,9,254,60", HREF= "schedule" ALT="schedule">
<AREA SHAPE="rect" COORDS="11,62,254,108", HREF="attendance" ALT="attendance">
<AREA SHAPE="rect" COORDS="11,109,255,164", HREF="interim" ALT="interim">
<AREA SHAPE="rect" COORDS="260,10,480,60", HREF="grading" ALT="grading">
<AREA SHAPE="rect" COORDS="262,62,480,111", HREF="testing" ALT="testing">
<AREA SHAPE="rect" COORDS="262,113,480,164", HREF="fees" ALT="fees">
<AREA SHAPE="rect" COORDS="485,50,617,231", HREF="teacher" ALT="teacher">
</MAP>


your HREF's should point to the corresponding report. See the call interface of the report to see how you can call it using a url.

Html email - image won't load

You guys are wonderful - when I've worked and worked on a problem and get to the "pulling out my hair" stage, I remember how helpful the forum has been to me . . .
I have put Outlook 2007 on my computer now so I can easily test the quirks of email rendering in that email client.
I'm attempting to test using slices for the nav bar (hopefully a work around for "wonderful" Outlook 2007) but can't get past an image that won't load. I recently combined three images and some text into one image because Outlook was floating the images and spacing them wrong. The image that I'm referring to which now won't load is http://www.theshimogaproject.com/email/images/shimoga_pics_text.jpg
The original design displays correctly in browsers: http://www.theshimogaproject.com/email/riverrun-guests-email.html
Here's the code for the html email as it stands now:
<!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>Pinebrook Vacation Rentals - The Shimoga Project</title>
</head>
<body style="background-color: #FFFFCC; border-color: #333300; text-decoration: none; font-size: 30px; font-family: Verdana, Geneva, sans-serif; color: #663300; margin-top: 0;">
<table width="98%" border="0" cellpadding="0" cellspacing="0" id="Container">
<tr>
       <td><table width="580" align="center" cellpadding="0" cellspacing="0" id="View In Browser">
         <tr>
            <td align="center" style="text-decoration: none; color: #663300; font-size: 11px;"><p>Having difficulty reading this email? <a href="http://www.theshimogaproject.com/email/riverrun-guests-email.html" target="_blank" style="text-decoration: none; color: #663300; font-size: 11px; font-weight: bold;">View it in your browser</a></p></td>
        </tr>
        </table>
   </tr>
   <tr>
     <td><table width="580" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
    <td rowspan="3" style="text-align: left; font-size: 10px; "><img src="http://www.theshimogaproject.com/email/images/pinebrook-nav_01.jpg" alt="Pinebrook Vacation Rentals" width="229" height="139" align="top" /></td>
    <td colspan="4" ><img src="http://www.theshimgoproject.com/email/images/navArea_top_02.gif" width="351" height="95" align="top" /></td>
    </tr>
<tr>
    <td><a href="http://www.pinebrookvacationrentals.com/index.html" target="_blank" style="text-decoration: none; color: #FFFFCC; font-size: 10px; "><img src="http://www.theshimogaproject.com/email/images/home.gif" width="57" height="14" alt="Home" /></a></td>
    <td><a href="http://www.pinebrookvacationrentals.com/rentals.html" target="_blank" style="text-decoration: none; color: #FFFFCC; font-size: 10px;"><img src="http://www.theshimogaproject.com/email/images/vacation_rentals.gif" width="120" height="14" alt="Vacation Rentals" /></a></td>
    <td><a href="http://www.pinebrookvacationrentals.com/aboutus.html" target="_blank"style="text-decoration: none; color: #FFFFCC; font-size: 10px;"><img src="http://www.theshimogaproject.com/email/images/about_us.gif" width="78" height="14" alt="About Us" /></a></td>
    <td><a href="http://www.pinebrookvacationrentals.com/contacttemp.html" target="_blank"style="text-decoration: none; color: #FFFFCC; font-size: 10px;"><img src="http://www.theshimogaproject.com/email/images/contact_us.gif" width="78" height="14" alt="Contact Us" /></a></td>
    </tr>
<tr>
    <td colspan="4" align="top"><img src="http://www.theshimogaproject.com/email/images/navArea_bottom_09.gif" width="351" height="30" /></td>
    </tr>
</table>
<tr>
   <td><table width="580" id="River Run" align="center" >
         <tr>
            <td width="580" style="text-align: left; font-size: 10px; "><img src="http://www.theshimogaproject.com/email/images/rr_pic_text.jpg" alt="Thank You for choosing River Run at Wild Basin" width="580" height="146" /></td>
        </tr>
         <tr valign="top">
           <td bgcolor="#663300" style="padding-left: 15px; padding-right: 15px; padding-bottom: 10px; padding-top: 10px; color: #FFC; font-size: 12px; text-align: center;"><strong>Did you know that your Colorado Vacation is helping a child in need?</strong><br />
             <br />
A portion of every rental fee at River Run has been donated toward building a school for a group of impoverished children in a small, rural village in India. With your help, we have raised over $40,000 of the $103,000 needed to build this school.</td>
         </tr>
       </table>
</tr>
<tr>
    <td><table width="580" align="center" id="Shimoga" style="margin-top: 1px; text-align: left; font-size: 10px; ">
<tr>
    <td><img src="http://www.theshimogaproject.com/email/images/shimoga_pics_text.jpg" alt="The Village Of Shimoga" align="top" /></td>
</tr>
     </table>
</tr>
<tr>
       <td><table width="580" align="center" cellpadding="0" cellspacing="0" bgcolor="#663300" style="margin-top: 1px;" id="Shimoga Project Link">
         <tr>
            <td align="center" style="padding-bottom: 5px; padding-top: 5px; text-decoration: none; color: #FFC; font-size: 13px;"><p>To learn more about this project: <a href="http://www.theshimogaproject.com" target="_blank" style="text-decoration: none; color: #FFC; font-size: 13px; font-weight: bold;">---> Click Here</a></p></td>
        </tr>
        </table>
   </tr>
       <tr>
          <td><table width="580" border="0" align="center" cellpadding="0" cellspacing="0" id="Footer">
            <tr>
              <td align="center" style="padding: 8px; color: #663300; font-size: 11px; text-decoration: none;">
                <p style="display:inline; padding-right: 15px;">The Shimoga Project</p>
                <p style="display:inline;"> PO Box 193 </p>
                <p style="display:inline; padding-right: 15px;"> Allenspark CO 80510 </p>
                <p style="display:inline;">Phone: (303) 747-2594</p>
                <br />
                <p style="display:inline; padding-right: 20px;">Email:<a href="mailto:[email protected]?Subject=River Run Guest" target="_blank" style="text-decoration: none; color: #663300; font-size: 11px; font-weight: bold;"> [email protected]</a></p>
                <p style="display:inline;"> Web Site: <a href="http://www.theshimogaproject.com" target="_blank" style="text-decoration: none; color: #663300; font-size: 11px; font-weight: bold;"> www.theshimogaproject.com</a></p>    </td>
        </tr>
        </table>
    </tr>
</table>
</body>
</html>

Thank you for the validator links. I used them and cleaned up the
code. However it is still hanging up at the shimoga_pics_text.jpg
image. Any other ideas. The size of the image is 43KB. Would that
have anything to do with it?
Here's the code as it is now:
Having difficulty reading this email? View it in your browser
Did you know that your Colorado Vacation is helping a child in need?
A portion of every rental fee at River Run has been donated toward building a school for a group of impoverished children in a small, rural village in India. With your help, we have raised over $40,000 of the $103,000 needed to build this school.
To learn more about this project: ---> Click Here
The Shimoga Project
PO Box 193
Allenspark CO 80510
Phone: (303) 747-2594
Email: [email protected]
Web Site: www.theshimogaproject.com
Thanks for your help,
Sandy

Upload image in an html form to be emailed

Hi everyone. Here is another one of my last minute, hurry up and wait requests.
I have to create a form that will enable the viewer to upload an image and send the
form on its way to a predetermined email address. This is for a contest starting tomorrow.
The form has been made and works. The only thing I haven't worked out yet is the "upload image"
feature. This is absolutely necessary and must be included. I have tested this several times and all the data
comes thru. What I need is for an image to go along with the form fields and appear when the email is opened.
With all due respect I do not have a very long learning curve here so if anyone can just provide
me with the code, both html and php, instruct me exactly where to place it I would be
extremely appreciative.
here is the temporary link:
Sirui/Argraph Wildlife-Landscape Photo Contest
The image upload button will be in between the two horizontal rules towards the bottom of the form;
above the submit/reset buttons.
Thanks in advance as always.
-Cliff-

Below is the code and php for your complete form together with the file upload field and code. How you style the form and validate the form fields (if your going to) is down to you. Change the email address marked in red to that of the recipient you want the information to go to.
You need to copy all the code and save it with a php extension so instead of:
SiruiWildlifePhotoContestEntryForm.html
This:
SiruiWildlifePhotoContestEntryForm.php
Obvioulsy being php it only works if the file is on a php enabled server so if you dont have a local testing server you need to upload it to your remote server before it will work.
<?php
if(isset($_POST['Submit']))
//The form has been submitted, prep a nice thank you message
$output = '<h1>Thanks for your file and message!</h1>';
//Set the form flag to no display (cheap way!)
$flags = 'style="display:none;"';
//Deal with the email
$to = 'yourEmailAddress.com';
$subject = 'Competition Entry';
$LastName = ($_POST['LastName']);
$FirstName = ($_POST['FirstName']);
$Email = ($_POST['Email']);
$Phone = ($_POST['Phone']);
$Address1 = ($_POST['Address1']);
$Address2 = ($_POST['Address2']);
$City = ($_POST['City']);
$State = ($_POST['State']);
$Zip = ($_POST['Zip']);
$Dealer = ($_POST['Dealer']);
$TripodMonopodHead = ($_POST['TripodMonopodHead']);
$CameraLens = ($_POST['CameraLens']);
$ImageEntry = ($_POST['ImageEntry']);
$DepositWhere = ($_POST['DepositWhere']);
$YouTubePage = ($_POST['YouTubePage']);
$attachment = chunk_split(base64_encode(file_get_contents($_FILES['file']['tmp_name'])));
$filename = $_FILES['file']['name'];
$boundary =md5(date('r', time()));
$headers = "From: [email protected]\r\nReply-To: [email protected]";
$headers .= "\r\nMIME-Version: 1.0\r\nContent-Type: multipart/mixed; boundary=\"_1_$boundary\"";
$message = "Last Name: $LastName\n\n";
$message .= "First Name: $FirstName\n\n";
$message .= "Email: $Email\n\n";
$message .= "Phone: $Phone\n\n";
$message .= "Address1: $Address1\n\n";
$message .= "Address2: $Address2\n\n";
$message .= "City: $City\n\n";
$message .= "State: $State\n\n";
$message .= "Zip: $Zip\n\n";
$message .= "Dealer: $Dealer\n\n";
$message .= "Tripod Monopod Head: $TripodMonopodHead\n\n";
$message .= "Camera Lens: $CameraLens\n\n";
$message .= "Deposit Where: $DepositWhere\n\n";
$message .= "You Tube Page: $YouTubePage\n\n";
$message.="This is a multi-part message in MIME format.
--_1_$boundary
Content-Type: multipart/alternative; boundary=\"_2_$boundary\"
--_2_$boundary
Content-Type: text/plain; charset=\"iso-8859-1\"
Content-Transfer-Encoding: 7bit
$message
--_2_$boundary--
--_1_$boundary
Content-Type: application/octet-stream; name=\"$filename\"
Content-Transfer-Encoding: base64
Content-Disposition: attachment
$attachment
--_1_$boundary--";
mail($to, $subject, $message, $headers);
?>
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>MailFile</title>
</head>
<body>
<?php echo $output; ?>
<form enctype="multipart/form-data" action="<?php echo $_SERVER['PHP_SELF'];?>" method="post" <?php echo $flags;?>>
<p><label for="LastName" class="barheader">Last Name:</label>
<input name="LastName" type="text" id="LastName" size="28" maxlength="50" />
</p>
<p><label for="FirstName" class="barheader">First Name:</label>
<input name="FirstName" type="text" id="FirstName" size="28" maxlength="50" />
</p>
<p><label for="Email" class="barheader">Email:</label>
<input name="Email" type="text" id="Email" size="50" maxlength="75" />
</p>
<p><label for="Phone" class="barheader">Phone:</label>
<input name="Phone" type="text" id="Phone" size="12" maxlength="15" />
</p>
<p><label for="Address1" class="barheader">Address 1:</label>
<input name="Address1" type="text" id="Address1" size="75" maxlength="100" />
</p>
<p><label for="Address2" class="barheader">Address 2:</label>
<input name="Address2" type="text" id="Address2" size="75" maxlength="100" />
</p>
<p><label for="City" class="barheader">City:</label>
<input name="City" type="text" id="City" size="33" />
</p>
<p><label for="State"><span class="barheader">State:</span></label>
<input name="State" type="text" id="State" size="2" maxlength="2" />
</p>
<p><label for="Zip" class="barheader">Zip:</label>
<input name="Zip" type="text" id="Zip" size="10" maxlength="10" />
</p><label for="Dealer" class="barheader">Dealer:</label>
<input name="Dealer" type="text" id="Dealer" size="100" maxlength="150" />
</p>
<p><label for="Tripod/Monopod/Head Used:" class="barheader">Tripod/Monopod/Head Used:</label>
<input name="TripodMonopodHead" type="text" id="Tripod/Monopod/Head Used:" size="75" maxlength="100" />
</p>
<p><label for="YouTubePage" class="barheader">Camera/Lens Used:</label>
<input name="CameraLens" type="text" id="Camera/Lens Used:" size="75" maxlength="100" />
</p>
<p><label for="Image/Entry:" class="barheader">Image/Entry #:</label>
<input name="ImageEntry" type="text" id="Image/Entry:" size="25" maxlength="25" />
</p>
<p></p>Where will you deposit your entry?:</p>
<p><label for="DepositWhere"></label>
<input name="DepositWhere" type="text" id="DepositWhere:" size="20" maxlength="50" />
</p>
<p><label for="YouTubePage" class="barheader">For YouTube Videos: URL to your YouTube page:</label>
<input name="YouTubePage" type="text" id="YouTubePage" size="50" maxlength="100" />
</p>
<p>
<label for="file">Attach File</label> <input type="file" name="file" id="file"></p>
<input type="submit" name="Submit" id="Submit" value="Submit" />
<input type="reset" name="Reset" id="Reset" value="Reset" />
</form>
</body>
</html>

Html email white box no image

Dear all,
I have a sight problem with my html email, I have checked all the links etc and checked the html code but I cannot seem to have a live view of the html. I know this work absolutly fine on my other pc but at work it does not appear after resetting the links at work to the ftp site and local directory. I have even loaded the images directly to the ftp site and these cannot be seen on the copied url from filezilla, if someone could point me in the direction of tutorial or help in sorting this it would be greatly appreicative.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
           <title>Deal of the week</title>
           <style type="text/css">
                       @media only screen and (max-width: 600px) {
                           table.container { width: 443px !important; }
                                 td.advert img { display: none; }
                                 td.advert { background: #FFF url(images/advert-medium.jpg) no-repeat 10px 10px; height: 614px; }
                       @media only screen and (max-width: 510px) {
                                 table.container { width: 100% !important; }
                                 table.container td { border: none !important; }
                                 td.advert { background: #FFF url(images/advert-small.jpg) no-repeat center 10px; height: 416; }
                       </style>
      </head>
     <body>
      <div style="font-size: 1px; colour: #fff; display: none;">
         Place your preview message text here. This will show in most email clients as the preview text in the inbox.
       </div>
<table width="98%" border="0" cellspacing="0">
     <tr>
     <td>
          <table class="container" width="600" align="center" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td valign="top" class="advert" style="padding: 0px 0px 0px 0px: border-left: 1px solid #FFF; border-right: 1px solid #fff; border-top: 1px solid #fff:">
    <a href="images/advert-large.jpg"> <img src="images/advert-large.jpg" alt="Deal of the week" width="600" height="849" border="0" usemap="images/advert-large.jpg"></a>
        </table>
             </td>
         </tr>
         </table>
</body></html>

Hi John,
Thanks for the help, here is where I am at the moment.
ftp://www.coopercallas.co.uk/home/cooper2-ftp/images/joyou/Joyou%2017th.html
link cannot be found even though this is copied for ftp client
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Deal of the week</title>
           <style type="text/css">
                       @media only screen and (max-width: 600px) {
                           table.container { width: 443px !important; }
                                 td.advert img { display: none; }
                                 td.advert { background: #FFF url(http://www.coopercallas.co.uk/images/joyou/advert-medium.jpg) no-repeat 10px 10px; height: 614px; }
                       @media only screen and (max-width: 510px) {
                                 table.container { width: 100% !important; }
                                 table.container td { border: none !important; }
                                 td.advert {
          background: #FFF url(http://www.coopercallas.co.uk/images/joyou/advert-small.jpg) no-repeat center 10px;
          height: 849;
                       </style>
      </head>
     <body>
      <div style="font-size: 1px; colour: #fff; display: none;">
         Deal of the Week: Coopers have an exculsive deal just for you, we have 58% off Joyou Hot Water Tap.
     </div>
<table width="98%" border="0" cellspacing="0">
     <tr>
     <td> </td>
          <table class="container" width="600" height="849" align="center" border="0" cellpadding="0" cellspacing="0">
           <tr>
           <td valign="top" class="advert" style="padding: 0px 0px 0px 0px: border-left: 1px solid #FFF; border-right: 1px solid #FFF; border-top: 1px solid #FFF:">
           <a href="http://www.coopercallas.co.uk/images/joyou/advert-large.jpg" target="_blank"><img src="http://www.coopercallas.co.uk/images/joyou/advert-large.jpg" width="602" height="849"></a>
      </table>
       </td> </td>
         </tr>
</body></html>
even copying the jpeg url from the ftp client I cannot view it.
Cheers,
Wiinenot

Image map in html email- color of text

Similar Messages

Maybe you are looking for