Community Forum

Over the years we have built up a community of email marketers, coders and designers that live and breathe email.

Use the Email on Acid Forum like your virtual water cooler: Stop by to discuss email code, quirky clients and fixes and post your issues (with an example of the code) for our community to offer its assistance.

 
   
Images on newsletter are displaying wrong

punkloy89

Newbie
Total Posts:  2
Posted: 30 September 2010 04:14 PM

Hello, i got a problem with my newsletter that i send to clients, are displaying wrong, when it comes to my inbox, the images appear moved, and are like cutted ?

Anyone knows about this??


 

Michelle Klann

Avatar
Administrator
Total Posts:  204
Posted: 30 September 2010 04:21 PM
[ # 1 ]

Punkloy89,

What email client are you using to open your email?  Have you tried running a test on our system?


 

punkloy89

Newbie
Total Posts:  2
Posted: 30 September 2010 05:58 PM
[ # 2 ]

yes i already have, and im using gmail

the problem is that it says

STYLE - STYLE declaration not supported in HEAD tag.
Line: 6

<html>
<head>
<title>Newsletter Megapolis</title>
<meta http-equiv=“Content-Type” content=“text/html; charset=iso-8859-1”>
<!—ImageReady Styles (Newsletter Megapolis.psd)—>
<style type=“text/css”>
<!—

#Table_01 {
  position:absolute;
  left:0px;
  top:0px;
  width:600px;
  height:958px;
}

#Newsletter-Megapolis-01 {
  position:absolute;
  left:0px;
  top:0px;
  width:600px;
  height:523px;
}

#Newsletter-Megapolis-02 {
  position:absolute;
  left:0px;
  top:523px;
  width:316px;
  height:376px;
}

#megapolis-pics {
  position:absolute;
  left:316px;
  top:523px;
  width:284px;
  height:108px;
}

#video-tour {
  position:absolute;
  left:316px;
  top:631px;
  width:95px;
  height:128px;
}

#Newsletter-Megapolis-05 {
  position:absolute;
  left:411px;
  top:631px;
  width:189px;
  height:128px;
}

#Newsletter-Megapolis-06 {
  position:absolute;
  left:316px;
  top:759px;
  width:284px;
  height:140px;
}

#Newsletter-Megapolis-07 {
  position:absolute;
  left:0px;
  top:899px;
  width:600px;
  height:59px;
}

—>
</style>
<!—End ImageReady Styles—>
</head>
<body style=“background-color:#FFFFFF; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;”>
<!—ImageReady Slices (Newsletter Megapolis.psd)—>
<div id=“Table_01”>
  <div id=“Newsletter-Megapolis-01”>
      http://i53.tinypic.com/2m4aqhe.jpg
  </div>
  <div id=“Newsletter-Megapolis-02”>
      http://i54.tinypic.com/rtj37k.jpg
  </div>
  <div id=“megapolis-pics”>
      [url=“http://tinyurl.com/2wsjw7m”]
        http://i51.tinypic.com/fk7fb9.jpg[/url]
  </div>
  <div id=“video-tour”>
      [url=“http://tinyurl.com/2wxka2c”]
        http://i52.tinypic.com/flftbr.jpg[/url]
  </div>
  <div id=“Newsletter-Megapolis-05”>
      http://i52.tinypic.com/kbcgbd.jpg
  </div>
  <div id=“Newsletter-Megapolis-06”>
      http://i52.tinypic.com/2nq5ezd.jpg
  </div>
  <div id=“Newsletter-Megapolis-07”>
      http://i51.tinypic.com/t5ra13.jpg
  </div>
</div>
<!—End ImageReady Slices—>
</body>
</html>


this is my html i dunno how to fix it ive tried lots of things


 

Michelle Klann

Avatar
Administrator
Total Posts:  204
Posted: 30 September 2010 07:25 PM
[ # 3 ]

You are using a layout that is highly reliant on CSS. We recommend that you use an HTML table layout because Gmail does not support embedded CSS and Outlook 2007/2010 generally do not support div layouts like this.

If you are looking for a good developer, you might be able to find someone in this forum to help you.  If so, just post your info and let them know what you need help with.

Cheers!