Discussion :

[Popa_Cubede]

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;
}

Ce que le code m'affiche :



Avec surbrillance :



La hauteur que j'aimerai avoir :



Merci d'avance pour vos réponses

[NoSmoking]

Bonjour,
commence par corriger les ID, une ID DOIT être UNIQUE dans un document, passe par des classes éventuellement.

[darkstar123456]

Comme l'a dit NoSmoking un ID doit être unique sur une page donnée !!! Attention à cela.

Sinon pour répondre à la question principale : vous avez entouré votre table des balises "<pre></pre>" tous les espaces servant à l'indentation du code se retrouvent donc également visible dans le navigateur.
Supprimez ces balises <pre></pre> et tout fonctionnera comme vous le souhaitez.

S'il s'agissait juste d'avoir la police des balises <pre>, ajoutez ceci dans votre CSS :

Code css :

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

1
2
3
4
5
6
7
8
9
#tabref{
        text-align: center;
        /*width: 90%;*/
        border: medium solid #000000;
        border-collapse: collapse;
        margin: auto;
 
        font-family: "Courier new", sans-serif; /* La typo des balises <pre /> */
    }

[Popa_Cubede]

Parfait ! Je vous remercie !

Je vais modifier le CSS pour passer par des classes du coup

Edit : Je viens de changer les 'ID' par 'CLASS' dans les vues et le # par un point dans le CSS, mais du coup je n'ai plus de mise en page pour le tableau. Qu'est-ce que j'a oublié de faire ?

Edit 2 : J'ai continué à bosser sur l'appli et la mise en page est réapparu comme ça ...