[HTML] balise td et CSS

Bonjour,

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

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

Code:

---

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:

---

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:

---

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

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?

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:

---

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:

---

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

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

Citation:

---

Envoyé par Amokrane

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:

---

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 :koi: