Text Shifting Up in PDF from HTML

We create our newsletter in HTML and then convert the HTML to a PDF to provide our readers with an easy method of sending it to others or printing it. I know this is far from ideal, but it's what the small nonprofit I work for does.
We made some changes to the newsletter design and now when we convert to PDF we have a strange problem. The table layout of the newsletter is correct and the HTML elements are placed correctly (tables within the outer table, background images, horizontal rules, etc). However, all of the content within the layout (text, images, divs) are shifted upward by some margin (approximately 6" when printed). I suspect it's some problem with the HTML code elements and how the PDF converter interprets them, but for the life of me, I can't find anything wrong.
The HTML file is at:
http://www.eric.org/public/resources/eertemplate.html
The resulting PDF is at:
http://www.eric.org/public/resources/Untitled.pdf
I know that HTML isn't this board's specialty, but I'm hopeful someone may have some ideas or seen this problem before.

I only have AA5 on this machine, but I opened the HTML file in Acrobat directly and everything seems to be fine. One problem with links is that they open as more of the same PDF. I think you want them to open separately. You might still be able to edit the link properties to open separately.
When you say your are converting the HTML to PDF, you have not indicated the process. You might try from the Acrobat. A user can right click a link and open it separately, but you might want to check this as the default.
Bill

Similar Messages

Can't pinch and zoom pdfs from HTML Resources anymore

After Folio Viewer Update there is no pinch and zoom in pdf from HTML-Resources.
Before the Update everything works fine in my Folios. Has anybody the same problem?
I rebuild a Folio V32, Only vertical, Standard PDF - same Problem. (iOS8.0.2. Ipad)
Is there a solution?
Thanks

Yes. I am having the same problem. I cannot pinch and zoom into pdfs from HTMLResources.zip, which is making them unusable in my app for the phone version.

Table Header not Recurring - when Generate PDF from HTML with tables

Hello, It is not working as expected...and I'm not sure if the functionality is supported. Want to create PDF from html document. The html document contains a html table that typically contains a large number of rows. To make reading easier the html table used thead and tbody elements, and their children, so that when the table extends across pages when printed the header element recurs on each page. However, the header element is not recurring in the generated PDF document (it only occurs in the first row of the table). Just wondering if you have tried or used this functionality (created PDF from html with table with headers and the PDF included the table with recurring table header. And if so, did you do anything special to make it work. Thanks for any insight.

If there's a problem with that package, I suggest you speak to the developer of that package and ask them to investigate. It's not an Oracle supplied package so you are wrong to look for help here.

PDF from html

I have a large volume of html (currently PDF'ing to around 250 pages) that is generated dynamically.
My question is a simple one but it's driving me to distraction.
How can I control the formtting in the resulting PDF. I'm not asking for anything complex here. I want 12pt body text and everything else relative sized based on em size.
I've tried setting font-size:12pt in body and in a content wrapper div. I've tried it in embedded style sheets and in style attributes.
I've tried create from html in Acrobat 11 pro, print to pdf, save as pdf in chrome and webkit html2pdf on the server. in each case the font is resized to whatever Acrobat thinks is the best fit.
So, yesterday my output was at 11.5pt today it's 12.5 although both are rendered identically on screen and firebug and chrome dev tools both show the text to be set to 12pt prior to output.
I suspect that the culprit here are images and that acrobat 'for my convenience' is automagically resizing to get what it thinks (wrongly) is best fit
Any ideas?

I get what you are saying, but I have no choice over source. The info is an export from a Content Mangement System - several hundred individual web pages that are consolidated into a single lump of html. The native CMS export to word and export to PDF are both very poor for anything other than single pages.
I was hoping to avoid XSL, but accept that it may be my only option - it's years since I've wrestled with that particular nightmare - hopefully there are some tools to make it easier now and I have never created a pdf from xsl formatted xml.
On your second point, yes, once a pdf is created then its font size is fixed, no problem there. The issue is that I can't see any way to fix the size at the point of creation and really, that's the crux of this request - I just want to be able to say to Acrobat that the base font size for this document is 12pt.
Practical example - I run an export yesterday - the body font size is set to something like 11.5pt by Acrobat (despite iit being set to 12pt in the css) but I can live with that as long as it's consistent. Tomorrow, I run it again. A user has added a new image (or any width-settable element) to a page that is maybe 60pixels wider than the pervious largest and the body text throughout the pdf is now 10.5pt.
I understand that this is Acrobat trying to be clever and scaling the text to accommodate the largest element, but I'd much rather tell it to respect the css and truncate or scale the element that doesn't fit - that would be so much easier to troubleshoot

Create accessible pdf from html pages dynamically

Hello,
I am trying to create a 508 compliant Pdf from a simple HTML page using the HTML to Pdf feature in Livecycle ES4 server. I was able to configure the service to generate tabbed Pdf, but the created Pdf has multiple accessibility issues.
Some of the issues encountered are: incorrect tab order, some links are not tabbable while others are, link text is being read “Blank”, some text is skipped while tabbing, missing alt text for images, page being rendered in the responsive(mobile) view, etc.
I have tried both the available approaches, of 1) providing a URL to create the PDF, and 2) to send the html document as a zipped file, with same results.
Attached is a sample PDF generated from a simple HTML page I created for demo.
My questions are:
Is it possible to generate 508 compliant (accessible) Pdf documents using Html to Pdf service from Pdf Generator? If yes, which settings might I be missing?
Is there any other service provided by Adobe Livecycle Server that can generate 508 compliant Pdf documents from a 508 compliant HTML page?
Your help is much appreciated.
Thanks,
Anup

I created a tool that does just that (only you will need to enter the page numbers as text, it does not work by selecting them):
Acrobat -- Extract Non-Sequential Pages: http://try67.blogspot.com/2011/04/acrobat-extract-non-sequential-pages.html

Create accessible pdf from html page

Hello,
I am trying to create a 508 compliant Pdf from a simple HTML page using the HTML to Pdf feature in Livecycle ES4 server. I was able to configure the service to generate tabbed Pdf, but the created Pdf has multiple accessibility issues.
Some of the issues encountered are: incorrect tab order, some links are not tabbable while others are, link text is being read “Blank”, some text is skipped while tabbing, missing alt text for images, page being rendered in the responsive(mobile) view, etc.
I have tried both the available approaches, of 1) providing a URL to create the PDF, and 2) to send the html document as a zipped file, with same results.
Attached is a sample PDF generated from a simple HTML page I created for demo.
My questions are:
Is it possible to generate 508 compliant (accessible) Pdf documents using Html to Pdf service from Pdf Generator? If yes, which settings might I be missing?
Is there any other service provided by Adobe Livecycle Server that can generate 508 compliant Pdf documents from a 508 compliant HTML page?
Your help is much appreciated.
Thanks,
Anup

I don't think it's possible to do this using a standard JavaScript script in Acrobat, since the newDoc function doesn't work with URLs.
The only option I can think of is to use an external automator that will call the Create PDF From Web Page dialog, paste the address from a file, and after the PDF file is created will continue to the next line.
I might be able to create such a tool for you. If you're interested, contact me by email (click my username for the address) or PM.

Text shifting on imposed PDF; distill vs export

Hi experts. Please help me solve a mystery!
Mac OS 10.7, InDesign CS5 7.0.4
Here's the problem: I export a PDF (using modified version of the built-in X-1a PDF export preset to include bleed and crop marks)
Fonts are embedded, no problems when preflighting in Acrobat.
The printer imposes the file by placing my PDF into spreads in InDesign CS6 on Mac (OS unknown) and exports to PDF using unknown settings (The PDF producer is Adobe PDF Library 10.0.1).
The imposed PDF I get back from the printer has text shifting (the PDF i send to him looks fine--no gaps).
It looks like there are random blank spaces in the text and misaligned numbered lists. (left image, image on right shows original ID file)
Our production person insists that my exporting the PDF is to blame and says we must use distiller for sending files to the printer.
When I print to postscript then distill, the shifting does not occur in the imposed PDF i get back from the printer.
Everything I have read on here for years has said the postscript/distill route is bad/old/unnecessary/proof I should get a new printer.
Production claims fonts are not properly embedded when exporting PDF (patently false as the document info show that fonts are embedded).
Unless I can explain, and fix the shifting type problem, I will have to stick with postscript/distilling workflow.
(Although this is also not a guarantee--i have had the text shift/gap happen in PDFs that went through distiller. There the problem seemed to be a bullet glyph that was CID-H encoded.
When I switched the font from a TT to PS version of the font, it used different encoding and the shifting/gap was fixed in the PDF i got back from the printer.)
Please share your thoughts!
Thanks.

OK. I've gotten the original PDF files that were exported from CS5 and then placed into a new CS6 document and then exported from the OP. By the way, the problem is not limited to exported PDF, but also with PDF created by distillation of PostScript from CS5.
I cannot replicate the problem by simply creating a new InDesign CS6 document and placing pages into the new document and exporting.
However, I noted that some crop marks in the original CS5-exported PDF file were not in the CS6-exported file. That leads me to believe that something edited the CS6-exported PDF file. Furthermore, the CS6-exported PDF file was not only labelled as PDF/X-1a, but it also had the Trapped True key on. For exported PDF, InDesign provides no trapping function and absolutely no way of setting that trapping key in the PDF file. But Adobe Illustrator does provide the means of doing trapping and/or labeling a PDF/X file as being trapped with the Trapped True key.
At this point, I believe that some combination of the following events occurred:
*     The CS5 exported PDF file(s) were edited, possibly in Illustrator or with object editing in Acrobat Pro either with native tools or third party plug-ins and then resaved with the resultant PDF file(s) placed in the CS6 document. This editing may have messed up spacing of text that used ligatures, alternate characters, old style figures, etc. even though such text was not directly edited.
*     The CS6 exported imposed spreads were subsequently opened in Illustrator or some other third party trapping engine and resaved with the Trapped True key set. In the process of resaving the file, problems per (1) above occurred.
Conclusions:
(1)     Whether PDF/X-1a or PDF/X-4 was used for export anywhere in this process is irrelevant. The designs in question didn't use any transparency or color management. Furthermore, no CID-encoded fonts were involved and no font name conflicts were involved. However, the fonts used in the original InDesign documents were OpenType CFF fonts with extended character sets which were in fact accessed for ligatures, superscripts, subscripts, etc.
(2)     Previously non-disclosed steps were used in the workflow between the CS5 export and the resultant files I got to see. Using Illustrator as a PDF editor or as trapping software for PDF files in general is a possible / likely cause of the problems. If not Illustrator, then some very defective PDF workflow software for trapping and/or editing was used.
(3)     Although InDesign is not designed as an imposition tool, the fact is that it is used for amalgamation of content such as magazines, journals, etc. where ads and other content as PDF (and other formats) is placed within InDesign pages. This appears to be working correctly and is not the source of the problem.
The OP is dealing with problematic workflow, but not with InDesign problems.
          - Dov

Generate PDF from HTML

Dear All,
I want to create a pdf document of the html page being displayed on click of a button. I have lot of graphs on the web-page & hence want the same format in the pdf document also. I tried using the HTML loader action block along with PDF actions, but it didnt help.
FYI.. am using 12.0.
Can anyone tell me if there is way out to do this?
Thanks in advance,
Sushma.

Sushma,
your request sounds more like a problem of installing a printer driver that saves the HTML file contents to disc using the pdf file format. Maybe you can use a free PDF tool like PDFCreator which runs on the client.
You can feed the PDF actions in MII with text or IllumDocs (MII XML contents), but I doubt that it could be done without big effort to parse the HTML. If you want to create PDF in MII it would be a better choice to use the underlying data of the HTML file directly in MII and build the PDF from it, instead of trying to save the HTML as PDF using MII.
Michael

While creating pdf from html, the alignment is not proper

Hi,
In my application, I am creating a pdf report from html using (using Generate pdf 1.1 - HTML URL To PDF activity) which contains certain images and descriptions.
But, while generating pdf the alignment is not proper. In the HTML there is no paging, but in the output pdf the image div is getting broken when new pages are generated.
Some blank areas are coming the report.
Actually I need an exact replica of the HTML as a pdf, with paging.
Thank you in advance.

What is the LiveCycle version?
Is it possible for you to share an example(somewhere on public file sharing sites)?

Create pdf from html, how to adjust page size

I have a large html file that I need to convert to a pdf. I am able to open the html in acrobat and save as pdf, but I cannot find where to adjust the page size. When I save the html in acrobat, the saved file is still a single page, but when I open the page in reader, then there are page breaks.
How do I adjust the page size and create a single page document?
There is also a header and footer line that I don't want. How do I get rid of those?
LHH

When you open the window for create PDF from web, select the settings. You can adjust the size and header/footer there.

Creating PDF from HTML without background

Hi,
I want to create a PDF from a html-page. I tried several ways without success to get a PDF without a background (white). I need a transparent background to add different backgrounds for different pages in Acrobat X Pro. I use an iMac with OSX 10.10.2, Safari 8.0.4 and have the MasterCollection 6 installed. I tried:
- print page -> create PDF Result: white background which hides added background
- print page -> save as Adobe-PDF Result: white background which hides added background
- in Acrobat: create PDF from web Result: white background which hides added background
In all cases it doesn't matter if I select "print background" or not. And it doesn't change if I add in the CSS for the web a body {background-color: rgba(255,255,255,0)} or body {background-color:transparent}.
How can I create a PDF with no or transparent background?

Hi Manoj
If your application generate a static html page, you can open those html files with Reports 9i and add a dynamic data sections which would be fetch the data in your html pages with Report servcies. However you can only run those modified pages as a jsp and show the output to browser window.
Thanks
Rohit

Launch PDF from HTML and execute search

Is it possible using JavaScript in an HTML doc to launch a PDF and execute a search.query with a passed-in search parameter? TIA

Hello, George, thanks for following up. I went into Advanced->Document Processing->Document JavaScripts and put the code at the top of the file outside of the dummy function declaration I had to insert to activate the edit button. It looks like this:
// Split the file path into an array
var aPath = this.path.split("/");
// Remove the last element, which is the file name
aPath.pop();
// Join the path elements back together and add the index file
var cIdxPath = aPath.join("/") + "/Support Documents/SupDocs.pdx";
search.query ("Enhanced Tactical Automated Security System (eTASS)", "Index", cIdxPath);
function Search()
It runs fine when I launch the PDF directly into the reader by double-clicking in file explorer in the folder above "Support Documents". When I load the PDF from an HTML file in the same folder, however, the script does not run. I set the reader preferences to force loading in the reader even when launched from a browser, and the script still will not execute. I tried adding a button to the PDF and attaching the search script to it. Again, it runs when launching directly but not from the HTML document. Otherwise, the PDF is empty, and I'm using a relative URL and JS to load it from the HTML doc, such as:
document.location = "mySearch.PDF"
or
window.open("mySearch.PDF", "searchwin");
Neither one works. This product has to run from a CD-ROM, so I haven't bothered to test it via http service. Any suggestions? Thanks again!
Jon Camp
Senior Computer Scientist
Applied Research Associates, Inc.
North Florida Division
Training Solutions Group
430 W 5th Street Suite 700
Panama City, FL 32401
comm: 850-914-3188 x203
fax: 850-914-3189
email: [email protected]

Urgent text shifting problem with pdf creation from indesign

I have eps files placed in indesign and when some pages of my document are exported as pdf for press, the text moves slightly, like 1/16" or less, but enough to cause problems. I'm using the original Indesign CS and eps files saved out of Illustrator 10. Yup, old.....I know, but it's what I have to work with right now. Some files are working fine but others are don't and they were all created/saved/exported the same, as far as I can tell. Here's a small sample. All the street name text is shifted down and to the left from the actually street. Occurring with text on path as well as straight text. Any ideas greatly appreciated.

You might also try exporting to .idml form CS5 (see Remove minor corruption by exporting). We've had other reports of similar beahvior when working with legacy files, and exporting to .inx from the original version may work even better.

Process to Generate PDF from HTML Rich Text Editor

Hi,
I have a HTML form with the Yahoo Rich Text Editor.
The Form posts the rich text to a Livecycles process. [REST]
The input type is String. How could I convert that string into a PDF?
TIA
Michael

Thankyou,
I saved the input in a temporary file and used the HTML2PDF component, then deleted the temp file,
Cheers

Custom page breaks with "@media print" in CSS when creating a PDF from HTML?

Searching for threads containing the text string "@media print" gave me zero hits, so I guess I'm either the smartest guy in the entire universe for coming up with this idea or the dumbest for the same reason since I must be missing something that everyone else knows by heart without even asking.
Namely, I would like to make use of the CSS "@media print" wrapper when I'm converting an HTML file to PDF through Adobe Acrobat - as opposed to printing an HTML page through a web browser using the Adobe PDF virtual printer device. These are, as I understand it, two equivalent though not entirely identical (as they make use of and rely on somewhat different settings) procedures that both convert an HTML file into a PDF document.
Here's my CSS code:
@media print { span.pagebreak {page-break-before: always} }
And here's my HTML code invoking the page break:
<span class="pagebreak"></span>
Bottom line, this works great when I print the HTML file through my web browser, using the Adobe PDF printer device. However, when converting the HTML file through Adobe Acrobat, this print-related setting is ignored. Obviously, printing and converting a file isn't technically identical but as I said, it's for virtually all intents and purposes the same procedure.
I'm guessing that someone at the Adobe HQ must have thought through this issue during a brainstorming session and come up with a simple yet elegant solution to cater for the needs of those who want to use custom page breaks when converting their HTML documents directly through Adobe Acrobat. Maybe a simple setting somewhere or a custom CSS tag like "@media adobe", or something similar?

I've never heard of anyone succeeding in this.

Text Shifting Up in PDF from HTML

Similar Messages

Maybe you are looking for