TCPDF not render all CSS properties

Question

I try to make a PDF writing CSS and HTML but my CSS doesn t appear in my PDF  The only thing considered is the font-size and font-color   I give you the code  sorry  it s a little long       config   sfTCPDFPluginConfigHandler  loadConfig  my config          doc title       Fiche Logement         html    lt  lt  lt EOF  lt style gt           informations               padding  10px              margin  10px              border  1px dotted black            informations table               margin-top  10px            modif               margin  20px              text-align  left              float  right            modif th               padding-left  10px            modif td               padding-left  10px            adresse               width  307px              float  left            reservataire               width  307px              float  right            intergen               width  307px              float  right            infos               width  290px              float  left            handicap               padding-bottom  12px              width  324px              float  right            charges               margin-bottom  20px              width  307px              float  left            loyer               width  307px              float  right            commentaires               clear  both           h2               font-variant  small-caps              text-align  center              font-size  19px              font-weight  bold              padding  0px 0px 2px 5px              margin  15px 0px 20px 0px              color   000000              border-top  1px dotted black              border-bottom  1px dotted black            h3               width  250px              font-variant  small-caps              font-size  15px              font-weight  bold              padding  0px 0px 0px 5px              margin  0px              color   225D6D              border-top  1px dotted black              border-bottom  1px dotted black    lt  style gt                 lt div id  intergen  class  informations  gt                   lt h3 gt Interg  n  rationnel lt  h3 gt                   lt table gt                       lt tr gt                           lt th gt Interg  n  rationnel   lt  th gt   lt td gt  lt  php echo   logement- gt getIntergen     gt  lt  td gt                       lt  tr gt                   lt  table gt               lt  div gt                lt div id  infos  class  informations  gt                   lt h3 gt Informations logement lt  h3 gt                   lt table gt                       lt tr gt                           lt th gt B  timent   lt  th gt   lt td gt  lt  php echo   logement- gt Parclogement- gt getBatiment     gt  lt  td gt                       lt  tr gt                       lt tr gt                           lt th gt Taille   lt  th gt   lt td gt  lt  php echo   logement- gt getTaille     gt  lt  td gt                       lt  tr gt                       lt tr gt                           lt th gt Type   lt  th gt   lt td gt  lt  php echo   logement- gt getTypelog     gt  lt  td gt                       lt  tr gt                       lt tr gt                           lt th gt Surface habitable   lt  th gt   lt td gt  lt  php if   logement- gt getSurfacehab      0   echo  Non Sp  cifi      else  echo   logement- gt getSurfacehab      m        gt  lt  td gt                       lt  tr gt                       lt tr gt                           lt th gt Chauffage   lt  th gt   lt td gt  lt  php echo   logement- gt getChauffage     gt  lt  td gt                       lt  tr gt                       lt tr gt                           lt th gt Ascenseur   lt  th gt   lt td gt  lt  php echo   logement- gt getAscenseur     gt  lt  td gt                       lt  tr gt                   lt  table gt               lt  div gt                lt div id  handicap  class  informations  gt                   lt h3 gt Infrastructures handicap  s lt  h3 gt                   lt table gt                       lt tr gt                           lt th gt Immeuble accessible   lt  th gt   lt td gt  lt  php echo   logement- gt getAccessibl     gt  lt  td gt                       lt  tr gt                       lt tr gt                           lt th gt Ascenceur accessible   lt  th gt   lt td gt  lt  php echo   logement- gt getAscenseuracc     gt  lt  td gt                       lt  tr gt                       lt tr gt                           lt th gt Logement adaptable   lt  th gt   lt td gt  lt  php echo   logement- gt getAdaptable     gt  lt  td gt                       lt  tr gt                       lt tr gt                           lt th gt Logement adapt     lt  th gt   lt td gt  lt  php echo   logement- gt getAdapte     gt  lt  td gt                       lt  tr gt                   lt  table gt               lt  div gt   EOF         create new PDF document  document units are set by default to millimeters       pdf   new sfTCPDF PDF PAGE ORIENTATION  PDF UNIT  PDF PAGE FORMAT  true           set document information      pdf- gt SetCreator PDF CREATOR        pdf- gt SetAuthor PDF AUTHOR        pdf- gt SetTitle  doc title          set default header data      pdf- gt SetHeaderData PDF HEADER LOGO  PDF HEADER LOGO WIDTH  PDF HEADER TITLE  PDF HEADER STRING          set margins      pdf- gt SetMargins PDF MARGIN LEFT  PDF MARGIN TOP  PDF MARGIN RIGHT        pdf- gt SetHeaderMargin PDF MARGIN HEADER        pdf- gt SetFooterMargin PDF MARGIN FOOTER           set auto page breaks      pdf- gt SetAutoPageBreak TRUE  PDF MARGIN BOTTOM          set header and footer fonts      pdf- gt setHeaderFont Array PDF FONT NAME MAIN      PDF FONT SIZE MAIN         pdf- gt setFooterFont Array PDF FONT NAME DATA      PDF FONT SIZE DATA           set default monospaced font      pdf- gt SetDefaultMonospacedFont PDF FONT MONOSPACED           Fixe la taille de la page      pdf- gt SetDisplayMode 90          initialize document      pdf- gt SetFont  helvetica       10        pdf- gt AddPage            output some HTML code        pdf- gt writeHTML  html   true  false  true  false              reset pointer to the last page      pdf- gt lastPage              Close and output PDF document      pdf- gt Output  fichelogement pdf    I            Stop symfony process     throw new sfStopException

User · Answer

I recently ran into the same problem  and found a workaround though it ll only be useful if you can change the html code to suit   I used tables to achieve my padded layout  so to create the equivalent of a div with internal padding I made a table with 3 columns 3 rows and put the content in the centre row column  The first and last columns rows are used for the padding   eg    lt table gt   lt tr gt       lt td width  10  gt  amp nbsp  lt  td gt       lt td gt  amp nbsp  lt  td gt       lt td width  10  gt  amp nbsp  lt  td gt   lt  tr gt   lt tr gt       lt td gt  amp nbsp  lt  td gt       lt td gt content goes here lt  td gt       lt td gt  amp nbsp  lt  td gt   lt  tr gt   lt tr gt       lt td width  10  gt  amp nbsp  lt  td gt       lt td gt  amp nbsp  lt  td gt       lt td width  10  gt  amp nbsp  lt  td gt   lt  tr gt   lt  table gt    Hope that helps   Joe

User · Answer

I recently ran into the same problem having the TCPDF work with my CSS   Take a look at the code below  It worked for me after I changed the standard CSS to a format PHP would understand  Code Sample Below   table     lt table width  100   cellspacing  0  cellpadding  55   gt             lt tr valign  bottom  gt                   lt td class  header1  rowspan  2  align  center  valign  middle                        width  6   gt Category lt  td gt                   lt td class  header1  rowspan  2  align  center  valign  middle                        width  26   gt Project Description lt  td gt             lt  tr gt  lt  table gt

User · Answer

TCPDF 5 9 010  2010-10-27  - Support for CSS properties  border-spacing  and  padding  for tables were added

User · Answer

Supported tags are  a  b  blockquote  br  dd  del  div  dl  dt  em  font  h1  h2  h3  h4  h5  h6  hr  i  img  li  ol  p  pre  small  span  strong  sub  sup  table  tcpdf  td  th  thead  tr  tt  u  ul     All the HTML attributes must be enclosed in double-quotes

User · Answer

I found this      Remove tag bottom and top margins   tagvs   array   p    gt  array                                 0   gt  array  h    gt  0   n    gt  0                                  1   gt  array  h    gt  0   n    gt  0                                                    pdf- gt setHtmlVSpace  tagvs     in here  https   tcpdf org examples example 061   Use it to remove  p  tags properties  bottom and top   then position the  p  text inside a cell

User · Answer

In the first place  you should note that PDF and HTML and different formats that hardly have anything in common  If TCPDF allows you to provide input data using HTML and CSS it s because it implements a simple parser for these two languages and tries to figure out how to translate that into PDF  So it s logical that TCPDF only supports a little subset of the HTML and CSS specification and  even in supported stuff  it s probably not as perfect as in first class web browsers   Said that  the question is  what s supported and what s not  The documentation basically skips the issue and let s you enjoy the trial and error method   Having a look at the source code  we can see there s a protected method called TCPDF  getHtmlDomArray   that  among other things  parses CSS declarations  I can see stuff like font-family  list-style-type or text-indent but there s no margin or padding as far as I can see and  definitively  there s no float at all   To sum up  with TCPDF  you can use CSS for some basic formatting  If you need to convert from HTML to PDF  it s the wrong tool   If that s the case  may I suggest wkhtmltopdf

User · Answer

TCPDF 6 2 11  2015-08-02   Some things won t work when included within  lt style gt  tags  however they will if added in a style    attribute in the HTML tag   E g  table padding     this doesn t work   table       padding  5px      This does    lt table style  padding  5px   gt

User · Answer

Since version 5 7 TCPDF includes support for CSS borders  Margins  padding and float are not yet supported  Check the TCPDF website at http   www tcpdf org and consult the official forum for further information

User · Answer

At the moment I write this  TCPDF only supports padding for tables   Link to their forum page with that information

User · Answer

Just a small tip for setting custom padding without extra table elements  Just use this way  it works  TCPDF 6 2 11    lt table border  0  style  padding-left  10px  padding-bottom  15px   gt   lt tr gt   lt td style  border  1px solid grey   gt  One two three  lt  td gt   lt td style  border  1px solid grey   gt  Four five six  lt  td gt   lt  tr gt   lt  table gt

[css] TCPDF not render all CSS properties

Examples related to css

Examples related to tcpdf