• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 582
  • Last Modified:

Help with my editor not showing images correctly in my newsletter

Hi There,
I am using ACY Mailling component.
I have some html for the newsletter and the images inserted all appear correctly in the sent newsletter.

However I have some inline CSS styling like this
<div style="float: left; width: 100%; background-image: url(images/main_middle.jpg); margin-top: -5px;">

and the image is relative, but stays relative when it is sent...so it doesn't show.

The other images are also relative in the code by get sent absolute so are ok (they are just
<img usemap="#Map" src="images/header.jpg" alt="Lisa Blue Newsletter" border="0" height="350" width="770" />  normal links)

so why isn't my css stuff showing correctly

I am using JCE editor
0
Amanda Watson
Asked:
Amanda Watson
  • 2
2 Solutions
 
thecrewCommented:
Perhaps the mailer is parsing the code and looking for <img> tags and adding the absolute path? If that is the case then it would probably ignore the path in your <div> tag unless you are able to modify the parser.  A good test would be to try this:

<div style="float: left; width: 100%; margin-top: -5px;">
<img src="mages/main_middle.jpg" />
</div>

Open in new window



That simply takes the image you were trying to apply as a <div> background and uses it as an image inside the <div>.  If that parses correctly you could either use that as a work around or see if you can modify the parser.
Good luck!
0
 
Jason C. LevineNo oneCommented:
Also, any relative paths for images will not work once the newsletter gets sent...the recipients will need to have full URLs in the image path.
0
 
Amanda WatsonWeb DeveloperAuthor Commented:
I had to use the background image in a table rather than in the div as some email clients don't read background images in divs
0
 
Amanda WatsonWeb DeveloperAuthor Commented:
I got the answer
0

Featured Post

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now