Logo GNT
Actualités Tests & Guides Bons Plans
Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11
Entraide Développement Développement Langage PHP Padding d'un élément Tbody

Padding d'un élément Tbody

1 réponse
Avatar
Azzazel
Bonjour,

Je souhaiterais connaître la méthode pour affecter une marge à un tbody.
Mon problème est le suivant :

<table>
<tbody>
<tr><td>nom1 :</td><td>champ1</td></tr>
<tr><td>prenom1 :</td><td>champ1bis</td></tr>
</tbody>
<tbody>
<tr><td>nom2 :</td><td>champ2</td></tr>
<tr><td>prenom2 :</td><td>champ2bis</td></tr>
</tbody>
</table>

Je souhaiterais écarter les deux groupes de lignes (tbody).

Merci,

Azzazel
Signaler un problème avec ce contenu

1 réponse

Supprimer
Cette action est irreversible, confirmez la suppression du commentaire ?
Signaler le commentaire

Veuillez sélectionner un problème

Nudité
Violence
Harcèlement
Fraude
Vente illégale
Discours haineux
Terrorisme
Autre
Avatar
YD
Azzazel a écrit :

YD a écrit :

Bruno Patri a écrit :

Ce qui est prévu pour séparer des tbodies, thead et tfoot est
l'attribut rules de l'élément table positionné à "groups" combiné avec
frame="void", il donne des résultats assez satisfaisants :
<table rules="group" frame="void">




Pourrais tu être plus explicite ? je ne vois pas comment résoudre mon
problème avec ça =)

Avec IE6 une simple ligne assez fine (pas réussi à la styler). Avec
des un peu plus modernes (Moz, Opera) si on attribue à tbody un style
contenant border-top et border-bottom on peut jouer sur l'aspect de la
ligne. par exemple :
tbody {border-top: 10px solid transparent;
border-bottom: 10px solid transparent}
permet d'écarter les tbodies. Bon, c'est un contournement...




Non ... les bordure et autres margin ou padding sont inefficaces pour
styler les tbody ... mais je ne trouve aucun point de la recommandation
qui confirme cet état de fait ...



Tu as séparé deux choses faites pour fonctionner ensemble !
Essaie :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1" />
<title></title>
<style type="text/css">
thead, tfoot,tbody {
border-top: 10px solid transparent;
border-bottom: 20px solid transparent
}
</style>
</head>
<body>
<table rules="groups" frame="void">
<thead>
<tr><td colspan="2">En-tête</td></tr>
</thead>
<tfoot>
<tr><td colspan="2">Pied de tableau</td></tr>
</tfoot>
<tbody>
<tr><td>nom1 :</td><td>champ1</td></tr>
<tr><td>prenom1 :</td><td>champ1bis</td></tr>
</tbody>
<tbody>
<tr><td>nom2 :</td><td>champ2</td></tr>
<tr><td>prenom2 :</td><td>champ2bis</td></tr>
</tbody></table>
</body>
</html>

Je ne trouve pas satisfaisant de devoir donner des attributs de mise en
forme dans la balise <table> mais bon...

--
Y.D.