Discussion :

[Amokrane]

Bonjour,

Je cherche à positionner à ma guise un contrôle :

Année : {menu_deroulante}
Voici le code relatif à ce contrôle:

Code :

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

1
2
3
 
<td> Ann&eacute;e  :</td>
	 	<td><select name="select_annee" style="width: 100px;">

J'essaye de le faire via CSS, donc je procéde de la manière suivante :

Au niveau CSS

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
 
td{
}
 
.txt_annee{
  position:relative;
  top: 100px;
  left: 50px;
}
 
.md_annee{
   position:relative;
   top:100px;
  left: 80px;
}

Le code html devient:

Code :

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

1
2
3
 
<td class="txt_annee"> Ann&eacute;e  :</td>
	 	<td><select name="select_annee" class="md_annee" style="width: 100px;">

Mais je constate que le label annee ne change pas de position du tout!!
(par contre c'est ok pour le menu déroulant qui va avec)
Ya un pb avec le css et la balise td ?
Dernier truc, est ce qu'il est possible de positioner le label ainsi que le menu déroulant en un seul coup ?

Merci

[Erwan31]

Bonsoir,
je suis pas certain que le balisage que tu as choisi soit très pertinent.
Je ne sais pas ce que tu appelles le label mais celui-ci est absent du balisage.
Pourrais tu fournir une maquette image de ce que tu souhaites obtenir?

[floran77]

Oui une maquette image s'rait pas mal, tu veux juste les décaler c'est ça ? Tu pourrais pas utiliser des padding-top, padding-left à la place des top et left ?
Ce qui donnerait:
HTML:

Code :

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

1
2
3
 
<td class="txt_annee"> Ann&eacute;e  :</td>
<td class="md_annee"><select name="select_annee" style="width: 100px;">

et CSS:

Code :

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

1
2
3
4
5
6
7
8
9
10
 
.txt_annee{  
  padding-top: 100px;
  padding-left: 50px;
}
 
.md_annee{
   padding-top:100px;
   padding-left: 80px;
}

Si c'est bien ce que tu veux faire....

[ChTiRiBi]

Tu ne peut pas appliquer le CSS sur une liste déroulante, cependant c'est possible pour année
enlève le class="md_annee" de <td class="md_annee"><select name="select_annee" style="width: 100px;"> et le td{
} du CSS

[Auteur]

Je cherche à positionner à ma guise un contrôle :

Année : {menu_deroulante}

si j'ai bien compris tu veux positionner ton texte à côté de ta liste déroulante ?

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<td>
    <label> Ann&eacute;e  :</label> 
    <select name="select_annee" style="width: 100px;">
    .....
    </select>
</td>
<td>
    &nbsp;
</td>

non ? Ou un truc m'échappe