Discussion :

[0ColdZero0]

Bonjour, j'ai un problème avec mes textbox, voici mon code:

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
<div id="login_box">
        	<div class="column_login">
        		Nom d'usager:
        		<br />
                <input name="username" type="text" size="30" />
                <br />
                <br />
                Mot de passe:
                <br />
                <input name="password" type="text" size="30" />
                <br />
                <br />
                <input name="" type="button" value="Se connecter" />
        	</div>
        </div>

Tout est correct, l'affichage se fait bien et les textbox sont bien placé, malheureusement, il est impossible d'écrire dans les textbox, ni de peser sur le bouton ! Pourquoi? Merci d'avance !

edit: le code de mon css:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
#login_box {
	color:#FFF;
	margin-top:25px;
	background:url(images/index/login_box.jpg) no-repeat;
	width:550px;
	height:335px;
	position: absolute;
	left: 22%;
}
.column_login { padding-top:120px; padding-left:45px; left:20%; position:absolute;}

[Macmillenium]

Bonjour,

As-tu essayé avec d'autres navigateurs ?

[0ColdZero0]

oui j'ai essayé avec Firefox, Safari et Internet Explorer...ils font tous la même chose !

[Macmillenium]

Bon, on va supposer que c'est un problème de positionnement absolue.

Essayes en ajoutant un z-index:1; sur #login_box et z-index:2; sur .column_login
Par ailleurs, fais attention à la qualité de ton code, les <br /> ne sont pas faits pour séparer les champs, penses aux margin

[0ColdZero0]

merci beaucoup de ton aide!