login about faq

I'm working for a company that has me create newsletters for them to send out via e-mail. I make them in Photoshop in order to achieve a more professional look, because other programs just don't do it for me (and the company prefers my Photoshop style anyway).

In order to make the different sections of the JPEG newsletter clickable, I divide them into slices, using the slice tool and assign the various URLs to each one. Then I use the Export for Web option to have Photoshop cut the image up and give me an HTML page with the newsletter in its final form.

All seems well in the rendered HTML page, but if I try to copy that HTML code and embed it into an e-mail, I get tiny 1px white spaces (known as spacers) in between each slice. My boss says it's no big deal, but it annoys the HELL out of me. I tried to remove them using Adobe Dreamweaver to edit the code, but the whole newsletter displays incorrectly if they get removed.

Does anyone know how I can export the HTML WITHOUT the spacers?

asked Mar 27 '14 at 09:47

DW96's gravatar image

DW96
1.2k91828

edited Mar 27 '14 at 09:48


Can’t see this in Photoshop but in Fireworks under File > HTML Setup > Table Tab, there are options for “Nested tables, no spacers” and “Single table, no spacers”.

Not used them myself but it sounds like what you need.

alt text

link

answered Mar 27 '14 at 12:29

Simon%20H's gravatar image

Simon H
5.0k62683

Hey Simon H,

Thanks, I tried messing around with the various export settings, but with no luck. Nonetheless, here's the most effective solution I've found so far:

1) Choose "Export For Web" and input the desired dimensions (if you're resizing before export)

2) Export as "Images Only" in either JPEG or GIF

3) Load up DreamWeaver CS6 (or newer) and quickly slam down some HTML tables, corresponding to the layout of your newsletter (or whatever it's gonna be)

4) Upload the exported images to your preferred file hosting services and insert each image into its corresponding part of the HTML table

5) Save your file as an HTML

6) Open the saved HTML to make sure everything is working fine


7) [OPTIONAL] Copy all the HTML code and use an e-mail manager that supports HTML e-mails (like Thunderbird) to send out the newsletter (or whatever it is) to your desired addresses


Hope this helps out anyone who's been having the same struggles I have!

P.S.: Yes, it IS worth spending 20-30 minutes to learn how to properly code HTML tables and to have them work the way you want - you never know when you're gonna need this valuable knowledge!

link

answered Apr 04 '14 at 14:57

DW96's gravatar image

DW96
1.2k91828

Your answer
toggle preview

Follow this question

By Email:

Once you sign in you will be able to subscribe for any updates here

By RSS:

Answers

Answers and Comments

Markdown Basics

  • *italic* or __italic__
  • **bold** or __bold__
  • link:
    [text](http://url.com/ "title")
  • image:
    ![alt text](/path/img.jpg "title")
  • numbered list:
    1. Foo
    2. Bar
  • Code:
    • Within a paragraph:
      `code`
      surround code with grave accents (backticks)
    • Code snippet:
      Select the text and use the button on the icon of zeros and ones
  • to add a line break simply add two spaces to where you would like the new line to be.
  • basic HTML tags are also supported

Tags:

×5
×1
×1
×1
×1

Asked: Mar 27 '14 at 09:47

Seen: 15,357 times

Last updated: Apr 04 '14 at 14:57

groovyAnswers © 2007 - 2011 All Rights Reserved | Privacy | Contact