Bonjour

J'ai un petit souçi a résoudre sur des vignettes.
Je dois tourner autour du pot depuis deux jours.
J'ai quatre vignettes dans un bloc donc deux au dessus et deux en dessous et j'ai des bordures en sachant que je voudrais avoir la même épaisseur de bordure pour chaque vignettes.
donc voici mon code html :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
<div class="form-style-8">
<div id="first"></div>
<div id="second">
<div class="vignette float-left"></div>
<div class="vignette float-left"></div>
<div class="vignette float-left"></div>
<div class="vignette float-left"></div></div>
</div>
et voici mon code 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
/*debut bloc 2*/
.form-style-8{
	width: 820px;
	height: 410px;
	padding: 2px auto;
	margin: 0px auto;
}
#first
{
    background-image: url('img/saut.jpg');
    height: 400px;
    float:left;
    margin-top:5px;
    border:1px solid #000;
    width:48%;
}
#second
{
    height: 408px;
    float:right;
    margin-top:5px;
    width:48%;
	border:none;
}
.clear {
	clear: both;
}
/*************vignettes*****
***************************/
.vignette {
	margin:0 auto;
	height:197px;
	width:192px;
	border:2px solid #000;
}
.float-left {
	float:left;
}
/**********fin vignettes***********
/*fin bloc 2*/