Bonjour,

Je souhaite réaliser un formulaire de contact comme suit :

- à droite les champs Nom et Email

-à gauche les champs Téléphone et Message

-en dessous, au milieu les deux boutons l'un au dessus de l'autre

Je bloque au niveau de la position des différents champs....

https://codepen.io/cle_mence/pen/KKQWMaO

Bonjour,

déjà, tu peux simplifier ton HTML : inutile de mettre les éléments de formulaire dans une liste. N'oublie pas mettre un id sur les inputs et d'ajouter la valeur de cet id dans l'attribut "for" des labels.

Ceci étant fait, quel est l'ordre de tabulation que tu veux ? "Téléphone, Nom, Message, Email", ou bien "Téléphone, Message, Nom, Email" ? Cela nous permettra de te diriger vers une organisation en lignes ou en colonnes. Question subsidiaire : as-tu une maquette à nous montrer ?

Je voudrais faire ça comme disposition :

-
Edité par CB89 17 mai 2022 à 16:47:18

Bonjour

Je te met un bout de code. Tu auras juste a remplir avec ton formulaire que tu veux

.forms {
  display: flex;
  flex-wrap: nowrap;
}
.formul {
  width:50%;
}

<div class="forms">
    <div class="formul">
      gauche
    </div>
    <div class="formul">
      droite
    </div>
</div>

Nyut, merci beaucoup

Bonjour,

Encore des problèmes avec ce formulaire ....

Je dois avoir le résultat posté un peu plus haut mais j'ai des trucs qui bloquent comme le background ou alors la partie "message" (voir photo)

https://codepen.io/cle_mence/pen/vYdWmER

-
Edité par CB89 25 mai 2022 à 16:29:05

Salut, je suis aller à la simpliciter :

https://codepen.io/Noopy360/pen/WNMXEPP?editors=1100

Si tu as besoin d'explication ou d'information n'hésite pas

Si parcontre tu as la réponse à ton problème pense à mettre le poste en résolu

et indiquer les posts qui ton aider !