0

How would I go about creating a pdf and then adding images to it (some images linked to externals sites)

Images that fit together (nospaces) in the exact inner size of a pdf

Example: http://codepen.io/anon/pen/VYrVyg so like this but in a pdf

CSS

#box{
    padding:40px; 
    border: 1px #ddd solid; 
    width:595px; 
    height:842px; 
    margin:10px auto;
}

img{
    float:left;
    display:block;
    /*margin-top: -4px;
    font-size: 0;*/
}

HTML

<div id="box">
    <img src="http://i.imgur.com/WeMD1N4.png">
    <img src="http://i.imgur.com/vurnlun.png">
    <a href="#" title="External link"><img src="http://i.imgur.com/1Tb0RC2.png"></a>
    <img src="http://i.imgur.com/LDaSHyq.png">
    <img src="http://i.imgur.com/xlkjUDr.png">
    <img src="http://i.imgur.com/Exlc6Mx.png">
    <img src="http://i.imgur.com/KSWIxgz.png">
</div>

Thanks for you time and knowledge, it is very much appreciated!

Benjamin
  • 657
  • 2
  • 10
  • 31

1 Answers1

0

If you want to create PDF off HTML/CSS, PhantomJS is your friend :-)

cleong
  • 7,242
  • 4
  • 31
  • 40