php5v3.13 Hauteur incorrecte de TD - Page 1

Bonjour à tous,

j'essaie de faire générer un tableau avec cette librairie mais mes TD ont une hauteur anormalement grande.

Voici mon css :

.tabtache{
	width:100%;
	border-collapse:collapse;
}
.tabtache .entete{
	text-align:center;
	background-color:#CCCCCC;
}


.tabtache td{
	width:5%;
	vertical-align:top;
	border:1px solid #000;
	padding:2px 3px;
}

.tabtache .taches{
	width:30%;
}

.tabtache .periodes{
	width:30%;
}

pour un html de la forme :

<table class="tabtache" cellspacing="0" cellpadding="0">
<tr class="entete">
<td class="taches">Tâches</td>
<td>Lu</td>
<td>Ma</td>
<td>Me</td>
<td>Je</td>
<td>Ve</td>
<td>Sa</td>
<td>Di</td>
<td>J.F.</td>
<td class="periodes">Périodicité</td>
</tr>
<tr>
<td>Vider les corbeilles à papiers</td>
<td/>
<td class="center">X</td>
<td class="center">X</td>
<td/>
<td class="center">X</td>
<td/>
<td class="center">X</td>
<td/>
<td>Hebdomadaire : le mardi, le mercredi, le vendredi, le dimanche de chaque semaine</td>
</tr>
</table>

et donc voici le resultat sur le PDF:

Fichier joint : (screen_shot.png)


Merci par avance pour votre aide !

Loïc

decoupe ton style en elevant le width:5% de la declaration générale, et rajoute

.tabtache .jours{ 
	width:5%; 
}

et utilises ce nouveau style pour tes autres colonnes

je pense que HTML2PDF prend par défaut la largeur 5% et n'arrive pas à la remplacer par les autres largeurs.

il faudra que je vérifie ca

Aucun résultat, la taille des cellules (longueur) n'est plus calculée correctement

tu as mis quoi comme style ?

Voici le CSS :

.tabtache{
	width:100%;
	border-collapse:collapse;
}
.tabtache .entete{
	text-align:center;
	background-color:#CCCCCC;
}

.tabtache td{
	vertical-align:top;
	border:1px solid #000;
	padding:2px 3px;
}

.tabtache .jours{
	width:5%;
}

.tabtache .taches{
	width:30%;
}

.tabtache .periodes{
	width:30%;
}

et l'HTML

<table class="tabtache" cellspacing="0" cellpadding="0">
<tr class="entete">
<td class="taches">Tâches</td>
<td class="jours">Lu</td>
<td class="jours">Ma</td>
<td class="jours">Me</td>
<td class="jours">Je</td>
<td class="jours">Ve</td>
<td class="jours">Sa</td>
<td class="jours">Di</td>
<td class="jours">J.F.</td>
<td class="periodes">Périodicité</td>
</tr>
<tr>
<td>Vider les corbeilles à papiers</td>
<td/>
<td class="center">X</td>
<td class="center">X</td>
<td/>
<td class="center">X</td>
<td/>
<td class="center">X</td>
<td/>
<td>Hebdomadaire : le mardi, le mercredi, le vendredi, le dimanche de chaque semaine</td>
</tr>
</table>

heu, class="center" ?? ca ne serait pas plutot style="text-align:center" ?

de plus, essaye en mettant les class="jours", class="taches" et class="periodes" à chaque ligne

" class = center " c'est une classe perso. Je n'ai pas mis tout mon CSS (trop long). je vais essayer le css sur toutes les lignes du tableau

Merci la solution était donc ça :

mettre les classes sur toute les cellules.

Merci bien Spipu pour ta réactivité.