Discussion :

[lince102]

Code :

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

1
2
3
4
5
6
7
8
 
<td>
<form id="interventionForm" action="{$BASE_URL}/dossiers/cloreDevTermine/{$dossier.Dossier.id_dossier}" method="post" enctype="multipart/form-data">
<div class=buttons>
<center><input type="submit" value="{#ButtonDevTerminé#}" /></center>
</div>
</form>
</td>

J'aimerais savoir comment peut t on centrer un bouton dans un formulaire car avec les balises center cela ne fonctionne pas?

[Deallyra]

Bonjour,

Question de CSS et non pas de html

Il faut jouer avec les propriétés margin : 0,auto et avoir donné une taille au conteneur de l'élément en question

[Erwan31]

Attention l'élément center est un des élément déconseillés et invalide en
XHTML et HTML strict. Le remplacer soit par des marges auto au niveau de
l'élément à centrer, soit par un text-align:center sur le conteneur à
condition ce l'élément à centrer soit de niveau inline, ce qui est le cas ici.

Ton problème vient du fait que tu as oublié les guillements entourant la valeur:

class="buttons"

Corriger ça, supprimer l'élement center et mettre un text-align:center à ta classe buttons.


@Mimicracra Les marge auto ne sont appliquées qu'à des éléments de
niveau bloc (et plus généralement à des boîtes de bloc).
Il faudrait donc ici ajouter un display:block à l'input mais la solution que je propose est plus simple et moins lourde.

[HiRoN]

Ton problème vient du fait que tu as oublié les guillements entourant la valeur:
class="buttons"
Corriger ça et mettre un text-align:center à ta classe buttons.

+ 1 !

[lince102]

ben ca ne fonctionne pas pourtant j'ai mis dans mon css

Code :

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

1
2
 
#interventionForm div.boutons imput {text-align: center;}

Et

Code :

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

1
2
3
4
5
6
 
<form id="interventionForm" action="{$BASE_URL}/dossiers/cloreDevTermine/{$dossier.Dossier.id_dossier}" method="post" enctype="multipart/form-data">
<div class="boutons">
<input type="submit" value="{#ButtonDevTerminé#}" />
</div>
</form>

[Deallyra]

Bonjour,

#interventionForm div.boutons imput {text-align: center;}

tout est là

je te conseille :

Code :

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

1
2
 
#interventionForm .boutons input {text-align: center;}