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.
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
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
