/    Sign up×
Community /Pin to ProfileBookmark

Pullin my hair out with this HTML email

I can get this email to show fine in AOL mail and Apple Mail program, but it will not show fine in Yahoo, Round Cube, and who knows which others..

I REALLY need to send this out, but i dont want some people get to get an email that is all over the place..

I am pretty proficient with html, and this LOOKED good to me. I did it in dreamweaver MOSTLY in code mode so theres not lots of unnessecary stuff in there. I even removed some <divs> and <span class> tags because i felt we didnt need them.

So what is happening is, the tables are ALL messed up when you open in it yahoo or other non aol mail. It basically spans PAST the window of the main and the text literally takes up ONE LINE and is spread out across the whole thing..

Feel free to paste it into a mail and send it to yourself on yahoo.. you will see what i mean

ANYWAYS< here is my code, if ANYONE can find the issue, i would be very appreciative.. I literally sat here and counted <tr> and <td> 6 times!!

[QUOTE]

<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″>
<style type=”text/css”>
<!–
.style2 {font-family: Arial, Helvetica, sans-serif}
.style5 {
font-size: 14px;
font-weight: bold;
}
.style6 {font-size: 14px}
.style11 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}
.style12 {
font-size: 12px;
font-weight: bold;
}
–>
</style>
</head>

<body>
<table width=”600″ height=”100%” border=”1″ align=”center”>
<tr>
<td colspan=”2″><img src=”http://bscphoto.com/newsletter_templates/email_banner.jpg” alt=”BscPhoto.com romanticPHOTOJOURNALISM Every story told, every memory cherished.” width=”600″ height=”132″></td>
</tr>
<tr>
<td width=”390″></p>Thank you for visiting BSC Photo at Bosco’s Bridal Fair<br>
We really enjoyed talking to you and we hope to hear from you soon, and remember all packages can be custom designed to fit every budget. Don’t be affraid to talk to us, you might be surprised you get exactly what you want.<br>
<br>
If we photographed you and your fiance, friends or family on Sunday <a href=”http://bscphoto.com/catalog/index.php?cPath=60” target=”_blank”>click here</a> or go to BSC Photo’s “Print Shop” to view and download your FREE photos.</p></td>
<td width=”206″><img src=”http://bscphoto.com/wedding/wedding_thumb/orourkelr_022.jpg” alt=”With Matt Branscombe as your photographer you are guaranteed not to be dissapointed” width=”205″ height=”142″></td>
</tr>
<tr>
<td colspan=”2″><a href=”http://bscphoto.com/catalog/index.php?cPath=60″><img src=”http://bscphoto.com/newsletter_templates/bosco_email.jpg” alt=”If we took your photo on Sunday at Bosco’s Bridal fair click here to view and download your FREE photos” width=”600″ height=”485″ border=”0″></a></td>
</tr>
<tr>
<td colspan=”2″><p>Here at BSCphoto.com we are photojournalists. we are always looking and watching to make sure to capture each moment as it happens. Formal posed photos are part of every wedding but when you see how each and every photograph from your wedding tells it’s own story and are not just snapshots you will know why we are becoming Connecticuts most sought after wedding photographers.</p>
<p>&nbsp;</p></td>
</tr>
<tr>
<td colspan=”2″ align=”center”><p>Book us by the end of January and get 100 printable photos from your wedding free on a disc.</p>
<p>&nbsp;</p></td>
</tr>
<tr>
<td colspan=”2″ align=”center”><img src=”http://bscphoto.com/bottom_nav_bar.jpg” width=”499″ height=”26″ border=”0″ usemap=”#Map”></td>
</tr>
</table>
<map name=”Map”>
<area shape=”rect” coords=”-8,1,75,23″ href=”http://bscphoto.com/index.html” target=”_
blank”>
<area shape=”rect” coords=”341,3,387,24″ href=”http://bscphoto.com/bio.html” target=”_blank”>
<area shape=”rect” coords=”425,3,504,37″ href=”http://bscphoto.com/catalog/contact_us.php” target=”_
blank”>
<area shape=”rect” coords=”120,3,219,27″ href=”http://bscphoto.com/catalog” target=”_blank”>
<area shape=”rect” coords=”262,1,307,22″ href=”http://www.bscphoto.com/blog” target=”_
blank”>
</map>
</body>
</html>

[/QUOTE]

to post a comment
HTML

9 Comments(s)

Copy linkTweet thisAlerts:
@lindsayanngauthorJan 14.2009 — ok, thanks for that link, it it told me everything i already know.. get rid of unnessecary tags (did it) use TABLES, etc.. So either I am missing something, or the tutorial is missing something

either way, i would REALLY like someone to look at the code and see if there is some invalid formatting in there that yahoo will not read..
Copy linkTweet thisAlerts:
@lindsayanngauthorJan 15.2009 — Does anyone have an eye for seeing what i might be missing?
Copy linkTweet thisAlerts:
@tivrfoaJan 15.2009 — 
Feel free to paste it into a mail and send it to yourself on yahoo.. you will see what i mean[/QUOTE]


how I send it in html format?

send it to [email][email protected][/email]
Copy linkTweet thisAlerts:
@CoyotelabJan 15.2009 — I've sent this and look fine in yahoo mail[code=html]<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<table width="600" height="100%" border="1" align="center">
<tr>
<td colspan="2"><img src="http://bscphoto.com/newsletter_templates/email_banner.jpg" alt="BscPhoto.com romanticPHOTOJOURNALISM Every story told, every memory cherished." width="600" height="132"></td>
</tr>
<tr>
<td width="390"></p>Thank you for visiting BSC Photo at Bosco's Bridal Fair<br>
We really enjoyed talking to you and we hope to hear from you soon, and remember all packages can be custom designed to fit every budget. Don't be affraid to talk to us, you might be surprised you get exactly what you want.<br>
<br>
If we photographed you and your fiance, friends or family on Sunday <a href="http://bscphoto.com/catalog/index.php?cPath=60" target="_blank">click here</a> or go to BSC Photo's "Print Shop" to view and download your FREE photos.</p></td>
<td width="206"><img src="http://bscphoto.com/wedding/wedding_thumb/orourkelr_022.jpg" alt="With Matt Branscombe as your photographer you are guaranteed not to be dissapointed" width="205" height="142"></td>
</tr>
<tr>
<td colspan="2"><a href="http://bscphoto.com/catalog/index.php?cPath=60"><img src="http://bscphoto.com/newsletter_templates/bosco_email.jpg" alt="If we took your photo on Sunday at Bosco's Bridal fair click here to view and download your FREE photos" width="600" height="485" border="0"></a></td>
</tr>
<tr>
<td colspan="2"><p>Here at BSCphoto.com we are photojournalists. we are always looking and watching to make sure to capture each moment as it happens. Formal posed photos are part of every wedding but when you see how each and every photograph from your wedding tells it's own story and are not just snapshots you will know why we are becoming Connecticuts most sought after wedding photographers.</p>
<p>&nbsp;</p></td>
</tr>
<tr>
<td colspan="2" align="center"><p>Book us by the end of January and get 100 printable photos from your wedding free on a disc.</p>
<p>&nbsp;</p></td>
</tr>
<tr>
<td colspan="2" align="center"><img src="http://bscphoto.com/bottom_nav_bar.jpg" width="499" height="26" border="0" usemap="#Map"></td>
</tr>
</table>
<map name="Map">
<area shape="rect" coords="-8,1,75,23" href="http://bscphoto.com/index.html" target="_blank">
<area shape="rect" coords="341,3,387,24" href="http://bscphoto.com/bio.html" target="_blank">
<area shape="rect" coords="425,3,504,37" href="http://bscphoto.com/catalog/contact_us.php" target="_blank">
<area shape="rect" coords="120,3,219,27" href="http://bscphoto.com/catalog" target="_blank">
<area shape="rect" coords="262,1,307,22" href="http://www.bscphoto.com/blog" target="_blank">
</map>
</body>
</html> [/code]
:
Copy linkTweet thisAlerts:
@FangJan 15.2009 — ... it it told me everything i already know..[/QUOTE]So why are you still using embedded style, these tags:<html>,<head>, <meta> and <body>, not to mention invalid markup: <td width="390"></p> ???
Copy linkTweet thisAlerts:
@lindsayanngauthorJan 15.2009 — I'm sorry Fang.. i thought i explained this in the first post. I guess i didnt..

I FIRST created the SAME e-mail from scratch NOT using any <head> tags or CSS styles in there. THEN, i just for kicks, downloaded a free email template, that had that code in it as you see it.. THEN, i went through and sent about 10 different versions of that template email to myself on various servers. i tried it with NO span classes or CSS, no head tags, doc types.. ect..

the ONLY reason i could think of was that there was something funky with the tables and that was the reason it was not being held together..

Coyotelab.. It looked ok to you in your yahoo?? do you have the most recent version of yahoo mail?? Maybe its because i never upgraded my yahoo account to that new version they have...
Copy linkTweet thisAlerts:
@CoyotelabJan 16.2009 — I have viewed with classic version, I took the style out of head section as I've posted above.
Copy linkTweet thisAlerts:
@lindsayanngauthorJan 16.2009 — well, thanks for posting that.. Maybe i had my yahoo email configured differently which was what it was causing the tables not to "hold"

I did get rid of ALL of the styles, but it didnt seem to make a difference.. must have been an issue with my mail setup i guess.. weird.
×

Success!

Help @lindsayanng spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.2,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...