28220 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

Dans mon formulaire tous les labels sont mis en bloc, à part 2 ou 3 que je rappelle par une class en display:inline;

Le problème c'est que lorsque je clique sur une selection, cela me decale automatiquement les saisis. je vous met le bout de code qui pose problème.

<style type="text/css">
body{
margin:0;	
}
#glob_decrive{
width: 620px;		
margin-right: auto;
margin-left: auto;	
}
#glob_decrive input, #glob_decrive label, #glob_decrive select, #glob_decrive textarea{
display: block;
margin-left: auto;
margin-right: auto;
cursor:pointer;
}
#glob_decrive input, #glob_decrive select{
background-color: #ECECE7;
color: #006600;
}
#glob_decrive label {
color: #336600;
background-color: #FFFFCC;
width: 50%;
}
#glob_decrive p{	
padding:0;	
width: 100%;	
}
#glob_decrive .focus{
color: #006600;
background-color: #CCFF99;		
}
/*Mise en ligne balise input et label*/
#glob_decrive .inp_lig {
display: inline;
margin: 0px;
padding: 0px;
}
</style>

<div id="glob_decrive">
<form action="" method="post">
<p>
<label class="inp_lig" for="day">jour </label>
<select class="inp_lig" name="day" id="day" tabindex="24" onblur="this.className='normal';" onfocus="this.className='focus';">
	<option >test1</option>
	<option>test1</option>
	<option>test1</option>
</select>
<label class="inp_lig" for="mois">mois </label>
<select class="inp_lig" name="mois" id="mois" tabindex="25" onblur="this.className='normal';" onfocus="this.className='focus';"  >
	<option>test2</option>
	<option>test2</option>
	<option>test2</option>
</select>
</p>	
</form>


Par contre, dans cet exemple, lorsque je supprime "onblur="this.className='normal';" onfocus="this.className='focus';" cela fonctionne.
Je pense que quelque chose doit m'échapper

Merci de vos conseils et explications
Smiley cligne
Bonjour à tous,

je relance le post, car j'ai toujours pas trouvé la solution, malgré maintes essai.
En faites, c'est un peu comme ci lors du clique sur le premier "label" il me remettait celui en "bloc".
Bizarre.

Merci de vos conseils.