Table en html

Résolu/Fermé

chabinot Messages postés 321 Date d'inscription mardi 10 novembre 2015 Statut Membre Dernière intervention 22 mars 2024 - 19 nov. 2017 à 10:21
chabinot Messages postés 321 Date d'inscription mardi 10 novembre 2015 Statut Membre Dernière intervention 22 mars 2024 - 20 nov. 2017 à 05:51

Bonjour,
J'ai fait une table dont volilà le code :

<table class="table table-striped table-bordered">
				<thead class="text-center">
					<tr>
						<th scope="col">Identifiant</th>
						<th scope="col">Nom</th>
						<th scope="col">Pseudo</th>
						<th scope="col">Action</th>
					</tr>
				</thead>
				<tbody>
					<?php foreach ($bdd->query('SELECT * FROM membres') as $m) : ?>
                        <?= '<tr><td class="text-center">' . $m->id . '</td><td class="text-center">' . $m->name . '</td><td class="text-center">' . $m->pseudo . '</td><td colspan="2">Confirmer</td><td>Supprimer' . '</td></tr></tr>' ?>
                    <?php endforeach; ?>
            </tbody>
         </table>

J'utilise le css de bootstrap.
Dans la partie <tbody>, j'ai divisé en deux cellules :
<td colspan="2">Confirmer</td><td>Supprimer' . '</td>.
Cela marche bien, cependant, dans la partie <thead>, le <<th scope="col">Action</th> ne remplit pas toute la place.
Voilà une capture d'écran :

Merci de votre aide,
Cordialement,

A voir également:

Table en html
Table ascii - Guide
Table des matières word - Guide
Editeur html - Télécharger - HTML
Html download - Télécharger - HTML
Image cliquable html ✓ - Forum Réseaux sociaux

3 réponses

Réponse 1 / 3

yg_be Messages postés 22724 Date d'inscription lundi 9 juin 2008 Statut Contributeur Dernière intervention 25 avril 2024 1 476
19 nov. 2017 à 10:39

bonjour, peux-tu plutôt partager le code source html de ta page?

Réponse 2 / 3

Utilisateur anonyme
19 nov. 2017 à 15:25

Bonjour

Dans ton thead, on ne voit que quatre cellules <th>
Dans ta ligne ensuite, il y a cinq cellules <td>, dont une avec le colspan ="2" ; cela représente donc la largeur de 6 cellules. Tu ne peux pas les mettre en correspondance avec quatre titres !

Je ne sais pas ce que tu cherchais à faire exactement, mais je pense que tu aurais dû mettre le colspan=2 au niveau de ton <th>Action pour qu'il chapeaute les deux colonnes "confime" et "supprime" .

Réponse 3 / 3

chabinot Messages postés 321 Date d'inscription mardi 10 novembre 2015 Statut Membre Dernière intervention 22 mars 2024 15
20 nov. 2017 à 05:51

Bonjour,
Merci de ta réponse, j'ai pu résoudre le problème:
Voilà cooment j'ai pu m'en sortir :

<table class="table table-bordered table-striped">
				<caption><h4>Liste des membres</h4></caption>
				<thead class="text-center">
					<tr>
						<th scope="col">Identifiant</th>
						<th scope="col">Nom</th>
						<th scope="col">Pseudo</th>
<gras>						<th colspan="2" class="text-center">Action</th></gras>
					</tr>
				</thead>
				<tbody>
					<?php foreach ($bdd->query('SELECT * FROM membres') as $m) : ?>
                        <?= '<tr><td class="text-center">' . $m->id ?>
                        <?= '</td><td class="text-center">' . $m->name ?>
                        <?= '</td><td class="text-center">' . $m->pseudo ?>
                        <?= '</td><td <gras>scope="row" </gras>class="text-center"><a href="index.php?confirme='. $m->id . '" class="btn btn-success btn-sm">Confirmer</a>' ?>
                        <?= '</td><td <gras>scope="row" </gras>class="text-center"><a href="index.php?confirme='. $m->id . '" class="btn btn-danger btn-sm">Supprimer</a>' ?>                        
                        <?= '</td></tr>' ?>
                        
                    <?php endforeach; ?>
            </tbody>
         </table>

Cordialement,

Discussions similaires

Table des matières dont les titres n'apparaissent pas..

Espace en HTML

&nbsp ; Quelle Fonction ?

la balise <br> ou <br />

Intégrer une table des annexes et des matières sur word

Discussions similaires

Newsletters