Solved

Help with my editor not showing images correctly in my newsletter

Posted on 2011-02-13
4
538 Views
Last Modified: 2012-06-27
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
Comment
Question by:Amanda Watson
  • 2
4 Comments
 
LVL 3

Accepted Solution

by:
thecrew earned 400 total points
Comment Utility
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
 
LVL 70

Assisted Solution

by:Jason C. Levine
Jason C. Levine earned 100 total points
Comment Utility
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
 
LVL 11

Author Comment

by:Amanda Watson
Comment Utility
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
 
LVL 11

Author Closing Comment

by:Amanda Watson
Comment Utility
I got the answer
0

Featured Post

6 Surprising Benefits of Threat Intelligence

All sorts of threat intelligence is available on the web. Intelligence you can learn from, and use to anticipate and prepare for future attacks.

Join & Write a Comment

Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

763 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now