Why Experts Exchange?

Experts Exchange always has the answer, or at the least points me in the correct direction! It is like having another employee that is extremely experienced.

Jim Murphy
Programmer at Smart IT Solutions

When asked, what has been your best career decision?

Deciding to stick with EE.

Mohamed Asif
Technical Department Head

Being involved with EE helped me to grow personally and professionally.

Carl Webster
CTP, Sr Infrastructure Consultant
Ask ANY Question

Connect with Certified Experts to gain insight and support on specific technology challenges including:

Troubleshooting
Research
Professional Opinions
Ask a Question
Did You Know?

We've partnered with two important charities to provide clean water and computer science education to those who need it most. READ MORE

troubleshooting Question

How do I print one image per page on IE web browser?

Avatar of ITCSAdmin
ITCSAdminFlag for United States of America asked on
CSSHTMLWeb Browsers
3 Comments1 Solution545 ViewsLast Modified:
Scenario:  We used a PDF to HTML converter.  An HTML was created along with the JPG files associated with the converted PDF file.  Example, we have 20 PDF Employee Application files that are converted to HTML. Each application converted has their own folder with the HTML and JPG files that pertain to that converted PDF application.

Right now when we print from IE, image 2 prints on page 1 or image 3 prints on page 4.  I noticed that it depends on the TOP location code example "top:1197px" for each image.


Goal:  We would like to print these HTML files and have only 1 image printed per page when printed from IE.  


Challenge:  Here is the resulted code with minor changes made to Title and image location.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>DC v1.0</title>
<style type="text/css">
<!--
body {  font-family: Arial,Bold,Arial, Helvetica, sans-serif; font-size: 8px; color: #000000; background-color: #FFFFFF; white-space: nowrap;}
.pos {  position: absolute; z-index: 0; left: 0px; top: 0px; vertical-align:top;}
span {vertical-align:top;}
-->
</style>
</head>
<body>
<div class="pos" id="k30:3" style="left:30px;top:3px;;z-index:1"><img name="_1127:865" src="http://0.0.0.0/v5/eLetters/States/DC/DC00001im.jpg" height = "1127" width = "865" border="0" alt="img" usemap="#Map"></div>
<div class="pos" id="k30:1197" style="left:30px;top:1197px;;z-index:1"><img name="_1072:862" src="http://0.0.0.0/v5/eLetters/States/DC/DC00002im.jpg" height = "1072" width = "862" border="0" alt="img" usemap="#Map"></div>
<div class="pos" id="k30:2395" style="left:30px;top:2395px;;z-index:1"><img name="_1077:862" src="http://0.0.0.0/v5/eLetters/States/DC/DC00003im.jpg" height = "1077" width = "862" border="0" alt="img" usemap="#Map"></div>
<div class="pos" id="k30:3593" style="left:30px;top:3593px;;z-index:1"><img name="_1077:862" src="http://0.0.0.0/v5/eLetters/States/DC/DC00004im.jpg" height = "1077" width = "862" border="0" alt="img" usemap="#Map"></div>
<div class="pos" id="k30:4791" style="left:30px;top:4791px;;z-index:1"><img name="_1072:863" src="http://0.0.0.0/v5/eLetters/States/DC/DC00005im.jpg" height = "1072" width = "863" border="0" alt="img" usemap="#Map"></div>
<div class="pos" id="k30:5989" style="left:30px;top:5989px;;z-index:1"><img name="_1077:865" src="http://0.0.0.0/v5/eLetters/States/DC/DC00006im.jpg" height = "1077" width = "865" border="0" alt="img" usemap="#Map"></div>
<div class="pos" id="k30:7187" style="left:30px;top:7187px;;z-index:1"><img name="_1072:863" src="http://0.0.0.0/v5/eLetters/States/DC/DC00007im.jpg" height = "1072" width = "863" border="0" alt="img" usemap="#Map"></div>
</body>
</html>


NOTE: The PDF converter software automatically created the DIV code and the CSS code.

Any ideas would great be appreciated.  Maybe we need a different PDF converter with more output options?
ASKER CERTIFIED SOLUTION
Avatar of remorina
Commented:
This problem has been solved!
Unlock 1 Answer and 3 Comments.
See Answers