b_zajac
asked on
Photoshop/Illustrator slices creating unwanted spaces in html marketing email
When creating the html code for an email we are using slices in Photoshop or Illustrator then exporting for web and saving as HTML & Images. When we test the code in a browser such IE Fire Fox, or Chrome the finished product works great. As soon as I attempt to copy and past the code into constant contact or of recently for testing purposes import into outlook itself I get these white spaces between each slice. How do I get rid of these spaces?
It sounds like you either have a border on the slices, or possibly some padding added.
ASKER
How to check that or remove them from the slices?
If you can upload the file, I will take a look.
ASKER
Thanks Jeremy I have tried thing like change the spacer .gif to on 1px by 1px but all that did destroy the lay out for everything. The code compiles correctly in browsers just not in email. any way have a look I am at a loss with this project. Thanks again.
ASI.zip
ASI.zip
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Jeremy thanks proofing of my code I will test it tomorrow. What are you using as a validator? I thought Dream Weaver had a validator in it, should i be using something else?
I use the web standard W3c Validator, they are the ones who make the rules:
http://validator.w3.org/
http://validator.w3.org/
This might actually work. I noticed it removed the border settings. The borders were set to 0 which made them unnecessary, maybe it was causing an the problem?
ASKER
Jeremy it worked Thank you for all your help with this. I am going to set up the marketing e-mail and i will definitely check out the wc3. Thanks again!
ASKER
Jeremy also pointed me to a new learning resource. Thanks Again.
You are welcome b zajac, if you like using the W3c validator you might want to install the Firefox Plug-in WebDeveloper. It has a toolbar for this and several other web developing tools. It has a link to Validate CSS and more. If you are working on a local file you can also validate by input by clicking on the W3c top page link.
Here is the plug-in link: https://addons.mozilla.org /en-US/fir efox/addon /60/
Here is the plug-in link: https://addons.mozilla.org
ASKER
Jeremy,
I just wanted to thank you again and let you know that with the resources you showed me I set up another marketing campaign and put together HTML email with out any errors and got a seal of approval from the w3c.org people.
Thanks again,
Brett
I just wanted to thank you again and let you know that with the resources you showed me I set up another marketing campaign and put together HTML email with out any errors and got a seal of approval from the w3c.org people.
Thanks again,
Brett
Awesome!!!
It feels good to get Validated. I was able to validate a Wordpress site on ever page, CSS and HTML, this was a first for me (usually CSS is an issue).
It feels good to get Validated. I was able to validate a Wordpress site on ever page, CSS and HTML, this was a first for me (usually CSS is an issue).
style="display:block" on each slice