Skip to content

Instantly share code, notes, and snippets.

@fchetouani
Created January 29, 2019 16:52
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save fchetouani/2d349e338cec16c5a27d5559f1e6c9a1 to your computer and use it in GitHub Desktop.
Save fchetouani/2d349e338cec16c5a27d5559f1e6c9a1 to your computer and use it in GitHub Desktop.
HTML to PDF support for position:absolute
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd"><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<style type="text/css">/**/
.divTable{
display:table;
width:100%;
margin: 0 auto;
}
.divTableRow {
display: table-row;
}
.divTableCell{
border: 0px solid #FFFFFF;
display: table-cell;
padding: 0px 0px;
}
.divTableCellmodif
{
display: table-cell;
position: relative;
background: #000000;
left: -11px;
width:8px;
border-radius: 8px;
}
.suppr {
display: inline-block;
position: absolute;
background: #ffffff;
border: 2px solid red;
left: 85px;
width:160px;
font-size: 11px;
font-family:Arial, Helvetica, sans-serif;
color:red;
padding: 2px;
border-radius: 8px;
}
.carre
{
float:left;
display: inline-block;
border: solid 1px #000000;
width: 20px;
height: 20px;
background:#FFFFFF;
padding:0;
margin:0;
vertical-align: middle;
}
.labell{
font-size:16px;
font-weight: bold;
font-family:Arial, Helvetica, sans-serif;
display: inline-block;
padding: 2px;
vertical-align: middle;
}
.suppr:after {
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.suppr:after {
border-left-color: red;
border-width: 7px;
margin-top: -7px;
}
input {
cursor: pointer;
border: solid 1px #FFFFFF;
width: 30px;
height: 30px;
background:#FFFFFF;
padding:0;
margin:0;
vertical-align: middle;
}
label {
font-size:16px;
font-weight: bold;
font-family:Arial, Helvetica, sans-serif;
}
.postit
{
display: inline-block;
background-color: #FFFF94;
border: solid 1px #666;
padding: 2px;
cursor: pointer;
border-radius: 8px;
font-size: 11px;
font-family:Arial, Helvetica, sans-serif;
position:absolute;
left:50px;
width:145px;
}
@font-face {
font-family: 'C39PLAFZ';
src: url('K:\FAB\PSFONTS\NeoTechStd-UltraItalic.otf');
}
.codebarre {
font-family:'C39PLAFZ' ;
}
/**/
</style>
<title>text text</title>
<meta name="version" content="14.0">
</head>
<body text="#000000" vLink="#990000" aLink="#990000" link="#990000" bgcolor="#ffffff">
<table width="1000px" cellpadding="0" cellspacing="5px">
<tr>
<td>
<table width="100%" cellpadding="0" cellspacing="0" style="border-collapse: collapse;">
<tr>
<td width="25%" style="border:1px solid #000000;padding:5px;" />
<td width="75%" style="border:1px solid #000000;padding:5px;">
<i>text text</i>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text
<div class="postit">text text text text text text text text text text text text text text </div><br>
<i>text text text text </i>text text text text text text text text <i>text text text text </i>text text text text text text <br><i>text text text text text text text text </i>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text <br><!--Fin compo--><!--Debut indic--><a name="indic"></a><br>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment