?
Solved

Help with my editor not showing images correctly in my newsletter

Posted on 2011-02-13
4
Medium Priority
?
580 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
4 Comments
 
LVL 3

Accepted Solution

by:
thecrew earned 1200 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 300 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

New feature and membership benefit!

New feature! Upgrade and increase expert visibility of your issues with Priority Questions.

Question has a verified solution.

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

Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
Q&A with Course Creator, Mark Lassoff, on the importance of HTML5 in the career of a modern-day developer.
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

800 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