Réglage interface pour bouton supprimer dans un tableau

**Popa_Cubede** · 10/07/2014, 12h17

Bonjour à tous,

J'essaye d'intégrer un bouton supprimer, et une zone de texte pour une modification, sur chaque ligne d'un tableau.
Hors la hauteur de la ligne change et n'est pas fixe. D'ailleurs si je fais un Ctrl+A, il me met du vide en surbrillance.

Comment faire pour avoir une hauteur de ligne fixe avec mes 2 boutons sur chaque ligne ?

Voici le code et les screens

Le tableau en question : v_afficherEntree.php :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<div id="contenu">
	<h2>Ajout de la journ&eacute;e :</h2>
	<?php
                $ajouts = $pdo->afficherAjout();
        ?>
	<pre>
		<table id="tabref">
			<tr>
				<th id="thref"> Identifiant Infos </th>
				<th id="thref"> R&eacute;f&eacute;rences </th>
				<th id="thref"> Quantit&eacute; </th>
				<th id="thref"> Modifications </th>
			</tr>
			<?php
                        foreach($ajouts as $unAjout){
                                $idRef = $unAjout['ID_REF'];
                                $ref = $unAjout['REF'];
                                $qte = $unAjout['QUANTITE'];
                                $dateAjout = $unAjout['DATE_AJOUT'];
                        ?>
				<tr>
					<td id="tdref"><?php echo $idRef; ?></td>
					<td id="tdref"><?php echo $ref; ?></td>
					<td id="tdref"><?php echo $qte; ?></td>
					<td id="tdref">
						<form method="post" action="index.php?uc=gererRaccord&action=modifierEntree">
							<input type="hidden" name="idRef" value="<?php echo $idRef; ?>" />
							<input type="hidden" name="dateAjout" value="<?php echo $dateAjout; ?>" />
							<input type="text" name="qteModif">
							<input type="submit" name="Modifier" value="Modifier">
						</form>
						<form method="post" action="index.php?uc=gererRaccord&action=supprimerEntree">
							<input type="hidden" name="idRef" value="<?php echo $idRef; ?>" />
							<input type="hidden" name="dateAjout" value="<?php echo $dateAjout; ?>" />
							<input type="submit" name="Supprimer" value="Supprimer">
						</form>
					</td>
				</tr>
			<?php
                        }
                        ?>
		</table>
	</pre>
</div>

Le CSS du tableau :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
#tabref{
	text-align: center;
	/*width: 90%;*/
	border: medium solid #000000;
	border-collapse: collapse;
	margin: auto;
}
#thref {
	background-color : #6495ed;
	border: thin solid #6495ed;
	/*width: 25%;*/
	height: 15px;
	overflow: hidden;
	padding: 5px;
}
#tdref{
	border: thin solid #6495ed;
	/*width: 25%;*/
	height: 15px;
	overflow: hidden;
	padding: 5px;
}