Bonjour,



L'illustration ci-dessus représente un type Edit composé de 3 <div>. Dans la partie centrale se trouve un type edit, on défini la taille du edit à l'aide de la méthode size. Ces trois morceaux permettre d'obtenir un composant un peu plus design.

Voila le code des 3 morceaux:
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
div.inpL {
	background: url("../../images/inpL.png");
	background-repeat: no-repeat;
	height: 28px;
	width: 9px;
	float: left;
}
 
div.inpM {
	background: url("../../images/inpM.png");
	background-repeat: repeat-x;
	height: 28px;
	float: left;
}
 
div.inpR {
	background: url("../../images/inpR.png");
	background-repeat: no-repeat;
	height: 28px;
	width: 9px;
	float: left;
}
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
   <div class="inpL"></div>
   <div class="inpM"><input type="text" class="inp" size="20"></div>
   <div class="inpR"></div>
Le soucis qui se poste, c'est que si j'aligne plusieurs Édits redessinés sur une même ligne et que la taille de la page ne soit pas fixe, tout se décale, comme le montre l'illustration ci-dessous, il faudrait que les 3 morceaux restent au même endroit ou que se soit l'ensemble qui fasse un retour chariot.



J'ai essayé de placer l'ensemble dans une div, mais ça n'a rien changé ou peut être que je n'ai pas su faire.

Merci d'avance pour vos conseils.