Supprimer les espaces entre les DIV dans une grille

**zool.bzh** · 31/07/2025, 12h19

bonjour
Je voudrais supprimer les espace entre les balises div.
Voila oô j'en suit :

Nom : demo-space.png
Affichages : 343
Taille : 4,3 Ko

voici mes code :

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
<head>
<meta name="robots" content="noindex"/>
      <link href="/css/deg.css" rel="stylesheet" type="text/css" />
     <link href="/css/text.css" rel="stylesheet" type="text/css" />
    <link href="xlovegrid.css" rel="stylesheet" type="text/css" />
  <link rel="icon" href="eyes.ico" />
   <link href="models.css" rel="stylesheet" type="text/css" />
 </head>
<body width="980" bgcolor= "#FFF">
 
<?php
                 session_start();
?>
<div class="wrapper">
    <div class="one"><img src="/pics/header.jpg" width="980" height="120"/></div>
  <?php 
   
   
   
   $xmlData = simplexml_load_file('fichier.xml');
   if (isset($_GET['girl'])) {
        $numGirl = $_GET['girl'];
} else {
        $numGirl=0;
}
     $numGirl = intval($numGirl);
 
for ($a=0; $a<=200; $a++) {
        $urlEnd = "picture".$a;
        $xmlPics[$a] = $xmlData->performer[$numGirl]->$urlEnd;
}
echo $a;
?>
<div class="two">Deux</div>
  <div class="three">Trois</div>
  <div class="four">Quatre</div>
   <div class="five">cinq</div>
<div class="six">six</div>
 </div></body>
</html>

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
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
48
49
50
51
52
* {
  box-sizing: border-box;
}
.wrapper {
  max-width: 980px;
  margin: 0 auto;
}
 
.wrapper > div {
  border: 1px solid #CA0000;
}
 
.wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
 
  grid-auto-rows: minmax(100px, auto);
}
.one {
  grid-column: 1 / 4;
  grid-row: 1;
}
.two {
  width: 327px;
  height: 60px;
  grid-column: 1;
  grid-row: 2;
}
.three {
 width: 326px;
 height: 60px;
  grid-column: 2;
  grid-row: 2;
}
.four {
 width: 326px;
 height: 60px;
 grid-column: 3;
  grid-row: 2;
}
 
.five {
width: 980px;
 grid-column: 1 / 4;
  grid-row: 3;
}
.six {
 width: 980px;
 
 grid-column: 1 / 4;
  grid-row: 4;
}

voyez-vous comment faire ?