Solved

Help with my editor not showing images correctly in my newsletter

Posted on 2011-02-13
4
549 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
ID: 34889342
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
ID: 34890078
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
ID: 34892648
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
ID: 34894362
I got the answer
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

863 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

20 Experts available now in Live!

Get 1:1 Help Now