Bonjour,

J'ai trois span (qui sont en display: table-cell) dans un div "divhaut" (qui est en display:block) et trois autres spans (qui sont en display: table-cell) dans un div "divbas" (qui est en display:block).
Les deux div étant dans un autre div "fen1"...

Je n'arrive pas à mettre des bordures aux coins arrondis ... j'ai essayé de plusieurs manières différentes mais rien à faire !!!

mon code "fen1.php" :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
<div id="fen1">
	<div class="divparamBDD" id="divhaut">
		<span id="hgauche">hgauche</span>
		<span id="hmilieu">hmilieu</span>
		<span id="hdroite">hdroite</span>
	</div>
	<div class="divparamBDD" id="divbas">
		<span id="bgauche">bgauche</span>
		<span id="bmilieu">bmilieu</span>
		<span id="bdroite">bdroite</span>
	</div>
</div>

le css :
Code : 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
#fen1{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:auto;
	margin-top:20px;
	height:800px;
	display:table;
  	width:95%;
}
#divhaut{
	margin:auto;
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
	border-top: solid #A5BEFC 3px;
}
#divbas{
	margin:auto;
	border-bottom-left-radius: 50px;
	border-bottom-right-radius: 50px;
	border-bottom: solid #A5BEFC 3px;
}
.divparamBDD{
	display:table-row;
	background-color: #D6E2FE;
	border-right: solid #A5BEFC 3px;
	border-left: solid #A5BEFC 3px;
}
#hgauche{
	display:table-cell;
	width:33%;
}
#hmilieu{
	display:table-cell;
	width:33%;
}
#hdroite{
	display:table-cell;
	width:33%;
}
#bgauche{
	display:table-cell;
	width:30%;
}
#bmilieu{
	display:table-cell;
	width:30%;
}
#bdroite{
	display:table-cell;
	width:30%;
}
voir aussi ici

Si quelqu'un peut me donner un coup de main ... merci !