HTML E-mail template

[nelson97]

I'm an html nubie. Through some research, here is what I have below. The idea is that my logo would appear at the right corner of the page (hyperlink enabled) and my signature line would be at the bottom. I think the only thing I couldn't figure out here was set this in a way that when I start typing my email, the cursor would start below the logo. Right now, I find myself manually placing my cursor to a desired position below the logo on the left end. Otherwise my text would occupy the same horizontal space and wrap around the logo. Please advise on how I can achieve this starting cursor position and any advice on programmatically correcting this code. Thank you very much.

***Code***

<a href="

http://www.website.com/"><img

src="\\server \images\logo.jpg"style="border-style: none" align=right></a>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<font face="arial" size="2"> Thank you, </font>
<BR>
<BR>
<font face="arial" size="2">Name</font>
<BR>
<font face="arial" size="2">Title</font>
<BR>
<font face="arial" size="2">Company</font>
<BR>
<BR>
<font face="arial" size="2">Tel 555-555-555 xt 0 </font>
<BR>
<font face="arial" size="2">Fax 555-555-555 </font>
<BR>
<a href="

http://www.website.com/"><font

face="arial" size="2.5" color="#000000">www. website.com</font></a>
<BR>
<BR>
<font face="arial" size="1" color="#999999">This transmission, and any attached files, may contain confidential …..</font>

 

[BillyRayPreachersSon]

when I start typing my email, the cursor would start below the logo

Where do you type your email? You have no input elements.

and any advice on programmatically correcting this code.

Your research must have been using very old examples. Font tags are no longer part of the latest specs, AFAIK. You should also read up on CSS to create layout - using many BRs like that is really unnecessary.

Hope this helps,
Dan


[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[ChrisHunt]

I think we're talking about an HTML email here, rather than a web page. Mail user agents can be pretty primitive, so a <font> element may still be appropriate.

To get your text to start below the image, mark the image up like this:

<p style="text-align:right; margin:0"><a href="[URL unfurl="true"]http://www.website.com/"><img[/URL] src="\\server \images\logo.jpg" style="border-style: none"></a></p>

-- Chris Hunt
Webmaster & Tragedian
Extra Connections Ltd

 

[jstreich]

Moreover, HTML e-mail isn't the best of ideas... It migh look pretty on your machine, but there are very few if any standards compliant e-mail client. That is to say, if you were to send it to 10 different people -- the same page could very easily be displayed 10 different ways.

My web-based e-mail client strips HTML except images and links. Outlook typically looks like IE in quirks with limitations. Thunderbird, I would suspect to look like FF. Pine would either turn it into an attachment, or show the tags, depending on how your client send it.

Using plain text, UTF-8 or plain ASCII is prefered. If for some reason you HAVE to send out HTML, then send it as an attachment so that you can be sure they can view it as a real page, and perhaps send the body as plain text in the message body.

[plug=shameless]

http://game-master.us/phpx-3.4.0/

[/plug]

 

[Foamcow]

If you know your target audience is, by and large, going to be "standard" office users you will probably be ok sending HTML mail. You need to base your decision and approach on your target.

Take note though:
Recent versions of clients such as Outlook and Thunderbird do not, by default show images in html emails. So don't include any core information that will ONLY display if the HTML works out.

Keep the code basic and use a design/layout that is going to be acceptable even in the mail client borks the HTML.

Additionally, instead of attaching the html use a multipart mime type message which includes a text only version of the mail. This still wont work in some clients (versions of Lotus Notes for example) so...

...finally, include a link (displaying the URL) to a hosted version of the page. So, just in case everything else fails, the user can click and view the mail as an actual webpage in their browser. You can then monitor the clicks to this page to determine a rough approximation as to how many people in your target list had a problem with the email.

Foamcow Heavy Industries - Web design and ranting
Target Marketing Communications - Advertising, Direct Marketing and Public Relations
I wonder what possesses people to make those animated gifs. Do you just get up in the morning and think, "You know what web design r

 

[nelson97]

Hi ChrisHunt, thanks for the advice. I incorporated the change suggested, but my text can still start on the same horizontal space as the logo. I still need to manually place my cursor below the logo.

Thanks

 

[nelson97]

ChrisHunt, not sure what happened the first few attempts, but I redid the template and your suggestion has now positioned my cursor, but it happens to be on the left side of the logo (logo is positioned to the right corner) rather than below and on the far left where I would begin typing. I tried adding breaks before and after the </P> to see if this would caridge return it, but to no avail. Please advice. Thanks!