OVH Cloud OVH Cloud

[CSS] Formulaire & alignement

4 réponses
Avatar
Pierre GOIFFON
Bonjour à tous et mes meilleurs voeux !

Une petite question autour de la mise en forme via CSS d'un formulaire. Je
voudrais que la boite du formulaire soit centrée horizontalement, et que le
bouton submit en bas soit aussi centré horizontalement, soit :

| |
| Champ1: XXXXXXXXXXXXXXXXX |
| Champ2: XXXXXXXXXXXXXXXXX |
| Champ3: XXXXXXXXXXXXXXXXX |
| SUBMIT |

Voici le code HTML :

<form ...>
<label>Champ1: <input type="text" ...></label>
<br>
<label>Champ2: <input type="text" ...></label>
<br>
<label>Champ3: <input type="text" ...></label>

<br>

<input type="submit" ...>
</form>

Un margin: auto sur le form n'est efficace que si on lui indique aussi une
width ! Or je veux que la taille de la boite du form se dimensionne
automatiquement à son contenant !
Un margin: auto sur le input submit est lui aussi inefficace...

Heeeeeeeeeeeelp !!

4 réponses

Avatar
Thibaut Allender
on 5/01/2004 20:30, Pierre GOIFFON wrote :


Un margin: auto sur le form n'est efficace que si on lui indique aussi une
width ! Or je veux que la taille de la boite du form se dimensionne
automatiquement à son contenant !
Un margin: auto sur le input submit est lui aussi inefficace...



et un text-align: center appliqué au form ?

--
freelance + web|system developper|designer
+ 32 496 26 75 76 + http://www.capsule.org
Avatar
Pierre GOIFFON
Thibaut Allender wrote:
on 5/01/2004 20:30, Pierre GOIFFON wrote :
Un margin: auto sur le form n'est efficace que si on lui indique
aussi une width ! Or je veux que la taille de la boite du form se
dimensionne automatiquement à son contenant !
Un margin: auto sur le input submit est lui aussi inefficace...



et un text-align: center appliqué au form ?



Merci de la réponse !
Malheureusement cela ne convient pas : on aurait aussi les input au centre,
or je veux que ce soit la boite du form qui soit centrée pas les
label/input.
Avatar
Guillaume Massart
Merci de la réponse !
Malheureusement cela ne convient pas : on aurait aussi les input au centre,
or je veux que ce soit la boite du form qui soit centrée pas les
label/input.


et si tu met le tout dans un div avec style="width:90%;margin-left:5%"

--
Site : http://massart.guillaume.free.fr/blangy/
Avatar
Pascal Chevrel
Le 05/01/2004 21:17, Pierre GOIFFON a écrit :

Thibaut Allender wrote:

on 5/01/2004 20:30, Pierre GOIFFON wrote :

Un margin: auto sur le form n'est efficace que si on lui indique
aussi une width ! Or je veux que la taille de la boite du form se
dimensionne automatiquement à son contenant !
Un margin: auto sur le input submit est lui aussi inefficace...



et un text-align: center appliqué au form ?




Merci de la réponse !
Malheureusement cela ne convient pas : on aurait aussi les input au centre,
or je veux que ce soit la boite du form qui soit centrée pas les
label/input.




J'ai une solution mais ça marche pas dans IE.

Pascal


--
Pascal Chevrel - Mozilla Champion
FAQ Mozilla/Netscape 7 en français : http://pascal.chevrel.free.fr/
Foros Mozilla en español : http://www.chevrel.org/es/foros/