I am building quite a large html email. Outlook adds a random white space break near the bottom. Ive read that outlook 2007 uses word to render emails and if an email is a certain length it will force a page break in somewhere. there seems to be no work around for this. If i could add this page break in myself earlier in the email i could avoid outlook adding this in page break in an area i dont want it to. Is there a way to add a break break through the html?
Force page break in HTML/ASP when opening and printing multiple records
Related
In web apps, there are often places where I display email addresses in a table column, and every time there is a long email address, it stretches the column and messes up the table width or column balance.
The current solution to this problem that I am using is to insert the <wbr/> tag to encourage the email to break cleanly at the midpoint when it is too wide. So a chunk of html like
user<wbr/>#domain.com
will render as
user#domain.com
when there is space and
user#domain.com
when there is not.
This is the display behaviour I want, but it is an unsatisfactory solution, because when I select and copy an email from the page, the embedded break is captured too, as an invisible control character, and corrupts the email address for pasting into other fields.
It seems there should be some directive in CSS that allows extra characters to be identified as preferable for word breaking on, in addition to the standard space and hyphen break characters.
This would create the same wrapping behaviour without needing to change the actual content by inserting the tag.
But I can't seem to find anything like this. What possible solutions are there?
Try to truncate email text in some width. Then add tooltip below email. So you can copy addresses and not break width of the column
I have a friend with a very long email address. They wish to display this address on their site, but on mobile devices it breaks their layout it overflows the page width.
I tried inserting a zero-width space and this helped with the layout problem, but it means that users cannot copy and paste the address into an email client.
While it's true that that problem could be solve by making the text a mailto: link, it did get me wondering:
Is there a way to direct a browser to optionally break on certain characters without having to insert non-printable characters that could cause copy-and-paste issues?
You do this with a strategically placed <wbr> element:
really.really.long#<wbr>email.address
It behaves identically to <br>, except that a line break will only be inserted when the email address cannot fit on one line. Like <br>, said line break is completely cosmetic (i.e. does not result in a non-printable character).
We generate quite large HTML emails - so hit the Outlook Email Client problem/software flaw where it decides to stick page breaks into the email if it thinks it's reached an A4 number of characters. [This is due to the Outlook Email Client using the Word engine to render it's HTML.]
This would not be a problem to us except that
It may occur in the middle of some HTML.
It's destructive.
Example of 1: If you have some html
<img src="http://
you may get
><img PAGE BREAK HERE
src="http://
Example of 2: If you have some html
<img src="http://
you may get
>**PAGE BREAK HERE** img src="http://
Which has destroyed the "<" of the "<img" tag.
Our emails are dynamic so each one may have this page break issue at different points in each email. :o( We try to get around it with 'sacrificial' areas of blank spaces to absord the page breaks - but this system starts to break down as our emails are become more complex over time.
Example of a potential work-around that did not work for us:
Mike The Coder - Page Break Before Always
Post that mentions issues in this area:
Horizontal Spacing Issues in Outlook 2007 and 2010
Do people know of other ways of trying to stop this or of working around it in the Outlook email client?
This article discusses a possible fix, but it would require a registry edit:
http://www.msofficeforums.com/outlook/6277-prevent-outlook-adding-line-breaks.html
Here is another article that has a workaround that could work for you possibly, without having to edit the registry:
http://answers.microsoft.com/en-us/office/forum/office_2010-outlook/line-break-in-plain-text-emails-in-outlook-2010/11d69847-f576-4002-b2fb-67bc59a69ce6?tab=AllReplies&tm=1329162544193
I'm writing a script to automatically transform plain text test documents into HTML tables with proper column width, step numbering, etc. Each page will have some part of a big, long table in it. I also need to have a header and footer on each page to comply with FDA regulations in this area- it has simple information about copyright, page number, part numbers, etc.
I have noticed some of the prescribed CSS/HTML tools for this task don't seem to work.
1)The #page rule with margins and the ability to put content into those margins would solve this problem pretty neatly, but I don't think it was ever implemented.
2)Many of the suggested answers to this question on SO:
How to add a header and footer to each printed page of a web document (without browser restriction)?
Is there a way to get a web page header/footer printed on every page? end up with some combination of: The footer/header render on top of text, or somehow break the page-break-inside rendering of the body so half of a line renders on each page.
Is it still (given the answers and my attempts to use them) impossible to do this in a clean way? Or at all? I don't mind what browser I have to use to print them correctly either.
Unfortunately I can't post the sample code here, but I'm trying to debug an issue in which an HTML email that displays perfectly in both Firefox and IE standalone, ends up having its text center aligned after its framed by Gmail, but only in Internet Explorer (ie8)
Has anyone else had a similar experience? The HTML in question was generated by a business user in MSWord, so is full of the standard junk that you'd expect dealing with generated HTML, which makes debugging particularly heinous. I'm hoping that someone else might have experienced something similar before I end up re-writing the entire content by hand.
Without code this is nigh on impossible to sort out, however:
1- Use tables instead of divs in HTML emails (don't ask, just works better)
2- use inline styles as well as attributes (i.e. <td align="left" style="text-align: left;">)
3- wrap your content inside a one cell table with that cell aligned left as well.
If none of these work - Post some code ^_^
note: Don't use MS Word for emails - even if Outlook 2007 uses it for rendering....