Email header alignment

[maz2390]

I'm trying to align my logo in emails but I'm having trouble with it. Every time I try and send a test email it says: ERROR: Failed sending email to: "xxxxxxxx" [email protected]

This is the code I've tried:

  <!-- Header Section -->
  <div class="header">
  <img src="http://www.lusttoys.info/email/header.png" alt="logo" align="center"/>
  </div>

Also:

  <!-- Header Section -->
  <div class="header">
  <img src="http://www.lusttoys.info/email/header.png" alt="logo" align="middle"/>
  </div>

Any ideas? I'm stumped!

[dbltoe]

If you look at the beginning of the emails, there's an embedded .header style. You need to set it correctly for the image to center.

[maz2390]

If you look at the beginning of the emails, there's an embedded .header style. You need to set it correctly for the image to center.

After I posted this I did try changing the CSS and I managed to change font sizes and colours for the .body and they seemed to work fine but when I tried changing the .header for the logo, my changes weren't reflected in the test email.

I didn't get the sending error, just no changes in the email.

I used align="center"
Is that correct?

[keneso]

text-align: center;

[maz2390]

Still no joy! Now I'm completely stumped! I thought it could have been the CloudFlare cache so I cleared that but nope

This is the code I have:

<style type="text/css">

body {background-color:#FFF; color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center;}

a:link {color:#0066cc;}

a:hover {background-color:#eeeecc; color:#0066cc;}

a:visited {color:#0066cc;}

.holder {background-color:#f9f9f9; border:1px solid #9a9a9a; font-size:9px; text-align:left; width:550px;}

.header {
	font-size:10px;
	padding:0px;
	width:550px;
	text-align: center;
}

.content {font-size:16px; padding:5px; width:550px;}

.footer {
	border-top:1px solid #9a9a9a;
	font-size:9px;
	margin-top:10px;
	width:550px;
}

.disclaimer {background-color:#f9f9f9; border:1px solid #cccccc; font-size:7px; margin-top:10px; padding:5px; width:550px;}

.disclaimer1 {color:#666666; padding:5px;}

.disclaimer1 a:link {color:#666666;}

.disclaimer1 a:visited {color:#666666;}

.disclaimer2 {color:#666666; padding:5px;}

.copyright {
	border-bottom:0px solid #fff;
	padding:5px;
	text-align: center;
}

</style>

Edited to add: In Dreamweaver it shows as aligned correctly.