1

Bonjour,

Dans ma page html mon tableau et bien centrer mais lorsque je le passes en pdf mon tableau et aligner à gauche alors que moi je voudrai qu'il soit centrer.

Pouvez-vous m'aider?
Merci d'avance

2

sujet déjà traité ici : topics/114953-centrage-delements

merci de faire une recherche avant de créer un nouveau sujet....
Ancien pseudo : lolo

3

J'ai tester mais cela ne fonctionne toujours pas.

Merci d'avance

Pour info, j'utilise du php5 et la version 3.13 de HTML2PDF

4

quelle code HTML utilises tu ?
Ancien pseudo : lolo

5

Voici le code html que j'utilise :

<table id='tableauTotQtePPHA' style='border:thin solid #006BB7;border-collapse:collapse;font-family:times;color:#000000;' align='center'>
<tbody>
<tr>
<th style='border:thin solid #006BB7;background-color:#5E97CC;color:#FFFFFF;font-size:12px;text-align:center;vertical-align:middle;'>Année 2008</th>
<td id='qtAnnee_Total' style='border:thin solid #006BB7;text-align:center;background-color:#FFFFFF;color:#000000;font-size:12px;vertical-align:middle;'>1000</td>
</tr>
<tr>
<th style='border:thin solid #006BB7;background-color:#5E97CC;color:#FFFFFF;font-size:12px;text-align:center;vertical-align:middle;'>Annee 2009</th>
<td id='qtN1_Total' style='border:thin solid #006BB7;text-align:center;background-color:#FFFFFF;color:#000000;font-size:12px;vertical-align:middle;'>2000</td>
</tr>
<tr>
<th style='border:thin solid #006BB7;background-color:#5E97CC;color:#FFFFFF;font-size:12px;text-align:center;vertical-align:middle;'>Annee 2010 </th>
<td id='qtN2_Total' style='border:thin solid #006BB7;text-align:center;background-color:#FFFFFF;color:#000000;font-size:12px;vertical-align:middle;'>2500</td>
</tr>
</tbody>
</table>


Merci d'avance

6

Différents petits points :

- il faut préciser les largeurs des différents TD, TH, TABLE (cf ici : topics/115574-v313-contenu-du-td-depasse-de-la-page-pb
- thin n'est pas reconnu pour les borders (pour l'instant), je te conseille de mettre 2px à la place
- essaye d'utiliser les styles

voici ce que tu pourrais utiliser comme code HTML :

<style type="text/css">
<!--
table.ppha    { width: 20%; border: 2px solid #006BB7; border-collapse: collapse; font-family: times; color: #000000; }
table.ppha th { width: 60%;  border: 2px solid #006BB7;background-color:#5E97CC;color:#FFFFFF;font-size:12px;text-align:center;vertical-align:middle; }
table.ppha td { width: 40%;  border: 2px solid #006BB7;text-align:center;background-color:#FFFFFF;color:#000000;font-size:12px;vertical-align:middle;}
-->
</style>
<table id='tableauTotQtePPHA' align='center' class="ppha">
  <tr>
    <th >Année 2008</th>
    <td id='qtAnnee_Total'>1000</td>
  </tr>
  <tr>
    <th >Annee 2009</th>
    <td id='qtN1_Total'>2000</td>
  </tr>
  <tr>
    <th >Annee 2010 </th>
    <td id='qtN2_Total'>2500</td>
  </tr>
</table>


ensuite, il suffit d'appliquer la technique de topics/114953-centrage-delements
Ancien pseudo : lolo