Outlook 2010 putting 1 pixel horizontal space between images in HTML email - html-email

I'm having a massive issue with something seemingly simple. I have a HTML email that I am creating. There is a section containing a row of images, some of them with links. Outlook keeps putting a single pixel horizontal space between the first image and the second. I had them in table cells, but even with the images simply in a row in the same table I still have the same issue.
The HTML source can be viewed here, where it looks fine in a browser - but copy and paste into outlook 2010 or 2007 results in the problem.
http://cogentec.co.uk/redbar/bar2.html

Well it seems that although Outlook's compose view shows gaps between the images, once the email has been sent, it looks fine at the receiving end. Even if the recipient is the very same Outlook client that displayed the email incorrectly in compose view.
Solved.

Your images all need display:block;. ALWAYS use this in email unless you are floating images (which is rare)

Related

How to get Vertical Scrollbar in Access 2010 on a long form? Seems like a glitch

I have created a large Access Form that spans the form header, all of the detail section 22" and form footer. When viewing the form it will not allow scrolling.
I have copied elements into a fresh database and a new form with the same results. I can send a zip file with this single form to anyone interested in helping.
Ensure that you have the Scroll Bars property set to Both or Vertical Only in the Form Properties:
Seems I figured it out. My Form Header Section was too long. Seems once it gets past 10" it disables the scroll bar on my screen as I was trying to use it improperly to extend the length of my form which is limited to just the 22" . Makes sense that the Header section is not designed to be scrolled, but I had some large images with text boxes between them. Just met a limit of Access

Gmail Mobile not respecting image style `max-width: 100%`

I've been trying a bunch of different things to solve this, but nothing has made any difference. In our emails, we have an image in the footer. It is 456px wide, which is wider than both the device width and the parent div/ table (I've tried both).
This is in Gmail, testing on Chrome emulating iPhone 5/SE. The image has a max-width of 100% on it, but Gmail Mobile seems to remove this and insert a max-width of 852px, which is useless.
Might anyone know what the workaround is?
The css attribute max-width only has partial support in Android.
https://www.campaignmonitor.com/css/box-model/max-width/
Without posting your html code, it's kind of hard to look at what you are doing and suggest an alternative.
Another question: Why in the world are you building emails that are 852px?
The best practice for email width is 600-800px. Beyond 600px, your email will not display correctly in many email clients, if for no other reason than that's the width of the viewing window for the email. Any wider than 600px, the recipient will have to scroll to view the email. As an example:
Gmail: 640px (starts hiding background color)
Outlook 2007: 600px
Outlook 2013: 550px
Yahoo: 650px
Good luck.

RDLC Export to Word Showing a blank extra page

Im using RDLC for VS 2010 and exporting the graph to a word document gives one extra blank page (its not showing in PDF though). All of the dimensions in Report, Chart and Body are set 11x8.5 with no margins. I just wonder what could be causing the blank page in Word.
I was having the exact same problem and managed to solve it by adjusting the layout of my report.
Basically I moved all of my rectangles/tables etc to sit tightly next to each other, eliminating any white space where possible and also resized the report to be as small as possible, i.e. sit tightly against its contents.
It might also be worth enabling the report option to 'ConsumeContainerWhitespace'.
I suspect Word uses its own pagination logic, which is why you see a difference between pdf and doc. So it may just be the case that your report is over-running very slightly into the next page and saving a little space on the report may prevent this.
I realise this is not a precise answer, but I hope it helps nonetheless.

HTML email messed up in IE7 & Chrome

I coded this html email and when I check it in Chrome and IE7 the photo of the women is broken up. It looks fine in all other browsers. In some email clients it is also broken up.
Anyone experience this before and or can offer a suggestion on how to fix?
thank you,
ryan
Your image "sandy-portrait2.png" is stretching your upper table with beyond 600px wide to 638px wide.
Adjust your bottom table to match and you should be good. Also, you will need to recut or manually position "below-bottom-a-line.png" because it is only 600px wide and will not align correctly with the image in your upper table.
Also take note that since you are using background attribute on you table, Client such as Outlook 2007 will ignore this attribute and not display the background.

SSRS Exported PDF and TIF report render differently than in the report viewer

I'm seeing basically the same issue described here
I have a table that starts in the middle of the first page, and, depending on the size of the table, it should wrap onto the next page. This behaves fine when using the viewer, but when exporting to a pdf or tif image, things are displayed differently. Instead of starting on the first page and wrapping onto the second, it moves the entire table to start on the second page, leaving lots of ugly white-space on the first page. I've made sure that KeepTogether is false on the table, and there is no header/footer on the page (so it can't extend beyond the page's width).
Has anyone seen this problem, or know of a solution/troubleshooting steps?
Thanks!
The problem was fixed by re-creating the report(s) in question using the Business Intelligence Development Studio 2008 (instead of 2005). Don't know what was different in the re-created report, but it works properly now.