Rassembler les cellules

**djey693** · 17/09/2018, 11h33

Salut à tous,

Voila je viens de faire un damier mais je n'arrive pas a rassembler les cellules (sans espace) avec un border-collapse : collapse; dans mon css.
J'ai déclaré une <div> dans un <td> et je me demande si le problème vient pas de la.
Je précise que je n'attends pas une solution de votre part mais uniquement une indication.

Merci pour votre retour.

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
45
46
47
<style type="text/css">
 
td {
  border-collapse: collapse;
}
.damBlanc, .damBlack{
height : 60px;
width : 60px;
border : 3px solid #000000;
}
.damBlack {
background-color: black;
}
.damBlanc {
background-color: #ffffff;
}
 
 
</style>
<body>
<p><strong> - Voici mon Damier <br></strong></p>
 
  <script langage="javascript">
 
  var nombre=1;
    document.write('<table>');
      for(var l=1; l<9; l++)
    {
    document.write('<tr>');
      for(var c=1; c<9; c++)
    {
 
      if (nombre/2 == Math.round(nombre/2)) {
    var classe="damBlack"}
      else {
    var classe="damBlanc"}
 
    document.write('<td><div id="'+l+'|'+c+'" class="'+classe+'"></div></td>');
    nombre++;
    }
    nombre++;
    document.write('</tr>');
    }
    document.write('</table>');
 
 
  </script>

**SpaceFrog** · 17/09/2018, 11h38

c'est sur le table qu'il faut mettre le border collapse, pas sur le td

**djey693** · 17/09/2018, 11h47

Effectivement tu as raison mais il reste un toujours un petit espace. Apres je suis trop perfectionniste peut être.

Nom : Capture d’écran 2018-09-17 à 11.53.37.png
Affichages : 191
Taille : 63,2 Ko