Salut,

J'ai un souci concernant la visualisation de proposition dans le cas d'une autocomplétion. L'utilisateur commence à taper un mot dans un input type=text et une liste de proposition apparait sous l'input.

Le problème vient du fait que dans mon formulaire j'ai plusieurs champ les uns à la suite des autres et lorsque les propositions apparaissen, elles s'affichent SOUS les champs input suivants et non pas DESSUS. Autrement dit, on ne voit pas grand chose pour faire son choix (ce qui n'ai pas très malin )

Voici les propriétés CSS de mes propositions affichées en LISTE :
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
 
#autocomplete ul {
	left: 0px;
	top: 4px;
	width: 226px;
	margin: 4px 0px 0px -2px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	max-height: 20em;
	overflow: auto;
	cursor: pointer;
	z-index: 8;
}
 
 
#autocomplete ul li {
	list-style-type: none;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 4px;
	font-family: arial;
	font-size: 13px;
	color: #444444;
	vertical-align: middle;
	background-color: #FFFFFF;
}
 
 
#autocomplete ul li.selected {
	font-family: Arial;
	font-size: 13px;
	color: #FFFFFF;
	vertical-align: middle;
	background-color: #CC0000;

Voici les propriétés CSS d'un champ input :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
 
var textboxCSS = 'position:relative; width:223px; top:2px; left:-200px; border:none; color:#222222; font-family:verdana; font-size:14px;';
Quelqu'un aurait-il une idée pour faire passer les propositions par-dessus les champ input suivant ?

Rq: lorsque l'utilisateur choisit une proposition, la liste de proposition disparait

Merci d'avance