# Soucis avec le CSS **URL:** \ **Category:** Programmation\ **Created:** [Août 5, 2022, 7:19 UTC](https://www.debian-fr.org/t/soucis-avec-le-css/86914 "2022-08-05T19:19:10Z")\ **Posts on this page:** 10\ **Page:** 1
**Author:** ![Pat66](https://www.debian-fr.org/user_avatar/www.debian-fr.org/pat66/32/11445_2.png) [@Pat66](https://www.debian-fr.org/u/Pat66)\ **Post date:** [Août 5, 2022, 7:19 UTC](https://www.debian-fr.org/t/soucis-avec-le-css/86914/1 "2022-08-05T19:19:10Z")
Bonsoir Je viens de realiser le tableau de mendeleiev en html ![aze](https://www.debian-fr.org/uploads/default/original/2X/1/1e0dbfff72e169b752247c9c550b769557ebfe64.jpeg) en ameliorant mon css notamment en ajoutant l attribut empty-cells:hide; les cellules avec une couleur en background sur la premiere ligne disparaissent ![az](https://www.debian-fr.org/uploads/default/original/2X/b/b7c9ed9506f9155534f7c5e51b89472a7250b1ce.jpeg) voici mon fichier CSS ![t](https://www.debian-fr.org/uploads/default/original/2X/b/be3419f5c3ddd74af518710ff5a2845220391e88.jpeg) ![sd](https://www.debian-fr.org/uploads/default/original/2X/7/761b5f6c9a51707c3b94630288cbfd56d12e2ca6.jpeg) Pourrais avoir des explications ? Seconde interogation est il possible d avoir des cellules de meme taille ? ---
**Author:** ![Verner](https://www.debian-fr.org/letter_avatar_proxy/v4/letter/v/34f0e0/32.png) [@Verner](https://www.debian-fr.org/u/Verner)\ **Post date:** [Août 5, 2022, 7:40 UTC](https://www.debian-fr.org/t/soucis-avec-le-css/86914/2 "2022-08-05T19:40:38Z")
> [@Pat66](#): > > en ameliorant mon css notamment en ajoutant l attribut empty-cells:hide; > les cellules avec une couleur en background sur la premiere ligne disparaissent L’amélioration est donc très relative. Si tu veux trouver de l’aide, en général c’est plus simple si tu joins le fichier html et le css (en fichier…) pour pouvoir reproduire, sinon bonne chance. ---
**Author:** ![Pat66](https://www.debian-fr.org/user_avatar/www.debian-fr.org/pat66/32/11445_2.png) [@Pat66](https://www.debian-fr.org/u/Pat66)\ **Post date:** [Août 5, 2022, 7:58 UTC](https://www.debian-fr.org/t/soucis-avec-le-css/86914/3 "2022-08-05T19:58:25Z")
merci pour ton message le soucis est j ai du mal a poster directement du code sur ce forum Voilà le CSS : ```css body{ font-family:verdana,helvetica; font-size:12px; margin:auto; } th{ border:thin solid royalblue; } td{ border:thin solid royalblue; padding:5px 7px; } table{ border-collapse:separate; border-radius:6px; margin:auto; empty-cells:hide; } .fushia{ background-color:#ff00ff; } .purple{ background-color:purple; } .green{ background-color:#008000; } .yellow{ background-color:#ffff00; } .silver{ background-color:silver } .royalblue{ background-color:royalblue; } .jaune{ background-color:#f9e79f; } thead td{ padding:2px 5px; } ``` et le HTML : ```auto Mendeleiev

Métaux alcalins

Métaux alcalino-terreux

Métaux de transition

Métaux pauvres

Lanthanides

Actinides

Métalloides

Non-métaux

Hallogènes

Gaz rares

H

1

He

2

Li

3

Be

4

B

5

C

6

N

7

O

8

F

9

Ne

10

Na

11

Mg

12

Al

13

Si

14

P

15

S

16

Cl

17

Ar

18

K

19

Ca

20

Sc

21

Ti

22

V

23

Cr

24

Mn

25

Fe

26

Co

27

Ni

28

Cu

29

Zn

30

Ga

31

Ge

32

As

33

Se

34

Br

35

Kr

36

Rb

37

Sr

38

Y

39

Zr

40

Nb

41

Mo

42

Tc

43

Ru

44

Rh

45

Pd

46

Ag

47

Cd

48

In

49

Sn

50

Sb

51

Te

52

I

53

Xe

54

Cs

55

Ba

56

57-71

Hf

72

Ta

73

W

74

Re

75

Os

76

Ir

77

Pt

78

Au

79

Hg

80

Tl

81

Pb

82

Bi

83

Po

84

At

85

Rn

86

Fr

87

Ra

88

89-103

Rf

104

Db

105

Sg

106

Bh

107

Hs

108

Mt

109

Ds

110

Rg

111

Cn

112

Uut

113

Fl

114

Uup

115

Lv

116

Uus

117

Uuo

118

La

57

Ce

58

Pr

59

Nd

60

Pm

61

Sm

62

Eu

63

Gd

64

Tb

65

Dy

66

Ho

67

Er

68

Tm

69

Yb

70

Lu

71

Ac

89

Th

90

Pa

91

U

92

Np

93

Pu

94

Am

95

Cm

96

Bk

97

Cf

98

Es

99

Fm

100

Md

101

No

102

Lr

103
``` ---
**Author:** ![Verner](https://www.debian-fr.org/letter_avatar_proxy/v4/letter/v/34f0e0/32.png) [@Verner](https://www.debian-fr.org/u/Verner)\ **Post date:** [Août 5, 2022, 8:29 UTC](https://www.debian-fr.org/t/soucis-avec-le-css/86914/4 "2022-08-05T20:29:23Z")
Ça va déjà être plus simple avec le code. Juste jeté un coup d’oeil (pas le temps now, ni demain), mais je ne vois pas de différence avec/sans ‹ empty-cells:hide; › . remarque: j’aurais plutôt fait ça sans aucun tableau, mais uniquement des divisions (c’est plus flexible), mais dans ton cas, il faut clarifier le rôle de ‹ empty-cells:hide; › ---
**Author:** ![Pat66](https://www.debian-fr.org/user_avatar/www.debian-fr.org/pat66/32/11445_2.png) [@Pat66](https://www.debian-fr.org/u/Pat66)\ **Post date:** [Août 5, 2022, 8:36 UTC](https://www.debian-fr.org/t/soucis-avec-le-css/86914/5 "2022-08-05T20:36:48Z")
le but de empty-cells:hide; est d empecher que les bordures des cellules vides s affichent ---
**Author:** ![Verner](https://www.debian-fr.org/letter_avatar_proxy/v4/letter/v/34f0e0/32.png) [@Verner](https://www.debian-fr.org/u/Verner)\ **Post date:** [Août 5, 2022, 8:43 UTC](https://www.debian-fr.org/t/soucis-avec-le-css/86914/6 "2022-08-05T20:43:45Z")
Heu oui en théorie, mais si elle sont vides, c’est donc plus précisément les bordures qu’il faut cacher. Si ça ne marche pas, il faut creuser la logique de gestion des bordures du tableau pour voir ce qui empêcherait cette propriété ‹ empty-cells › que je n’avais jamais vu. → à vérifier si le html récent gère bien cette propriété… apparemment oui: [W3Schools CSS empty-cells demonstration](https://www.w3schools.com/cssref/playdemo.asp?filename=playcss_empty-cells) Et sans bordure… c’est pas mal non plus non ? ```auto th{ /* border:thin solid royalblue; */ } td{ /* border:thin solid royalblue; */ padding:5px 7px; } ``` ――――――――――― sinon, plutôt que de forcer des borders dans **th** et **td** , essaie simplement dans **table** : ```css th{ /* border:thin solid royalblue;*/ } td{ /* border:thin solid royalblue;*/ padding:5px 7px; } table{ border:thin solid royalblue; border-collapse:separate; border-radius:6px; margin:auto; empty-cells:hide; } ``` ---
**Author:** ![Pat66](https://www.debian-fr.org/user_avatar/www.debian-fr.org/pat66/32/11445_2.png) [@Pat66](https://www.debian-fr.org/u/Pat66)\ **Post date:** [Août 6, 2022, 6:22 UTC](https://www.debian-fr.org/t/soucis-avec-le-css/86914/7 "2022-08-06T18:22:10Z")
Ce probleme est resolu ---
**Author:** ![Verner](https://www.debian-fr.org/letter_avatar_proxy/v4/letter/v/34f0e0/32.png) [@Verner](https://www.debian-fr.org/u/Verner)\ **Post date:** [Août 7, 2022, 3:12 UTC](https://www.debian-fr.org/t/soucis-avec-le-css/86914/8 "2022-08-07T15:12:59Z")
Parfait, si tu es satisfait uniquement avec le css. Sinon, pour information l’explication de ‹ `empty-cells:hide;` › qui ne fonctionne pas vient de l’attribut `contenteditable="true"` dans le code html, d’où l’utilité d’accès au code html. `` en remplaçant simplement pas `
`, les cellules vides sont cachées. ---
**Author:** ![Pat66](https://www.debian-fr.org/user_avatar/www.debian-fr.org/pat66/32/11445_2.png) [@Pat66](https://www.debian-fr.org/u/Pat66)\ **Post date:** [Août 7, 2022, 3:27 UTC](https://www.debian-fr.org/t/soucis-avec-le-css/86914/9 "2022-08-07T15:27:14Z")
Merci pour ton message Verner mais l enonce de l exercise exige cet attribut ---
**Author:** ![Verner](https://www.debian-fr.org/letter_avatar_proxy/v4/letter/v/34f0e0/32.png) [@Verner](https://www.debian-fr.org/u/Verner)\ **Post date:** [Août 7, 2022, 3:32 UTC](https://www.debian-fr.org/t/soucis-avec-le-css/86914/10 "2022-08-07T15:32:47Z")
On aura donc au moins appris que les attributs `contenteditable` et `empty-cells` sont conflictuels.