Bloquer sur du html les khey :(

j'arrive pas a aligner proprement les 2 champs de texte

j'utililise un code générer par un logiciel de campagne web pour stocker les infos utilisateur

j'ai essayer d'aligner et tout mais j'arrive pashttps://image.noelshack.com/fichiers/2017/14/1491304699-sangdlf.png

La page :https://image.noelshack.com/fichiers/2021/15/5/1618581226-capture.jpg

Le code :https://image.noelshack.com/fichiers/2021/15/5/1618581271-capture2.jpg

j'ai essayer de placer l'attribut aligne center dans les balise input txt mais ça marche pas visiblement j'ai meme plus les champs

y'a t-il un expert dans la salle ?

Désolé je connais que pythonhttps://image.noelshack.com/fichiers/2017/14/1491304699-sangdlf.png

cette coloration de codehttps://image.noelshack.com/fichiers/2016/47/1480112554-risitas-1245.png

+ je suis nul en css mais go grid tu fais une grille 2x2 et basta

C'est déjà le CSS le problème le golemhttps://image.noelshack.com/fichiers/2017/30/4/1501186981-risimixbestreup.png

Oui je sais comment faire khey c'est partir loin et ne plus jamais toucher à une seule ligne de html, ni même de code en général si tu veux pas finir fou comme moi après seulement 3 ans de boulot

ils sont où les <tr>, <td> ?

Cette interface radioactive bordelhttps://image.noelshack.com/fichiers/2017/22/1496198966-1473263957-risitas33-31-copie-copie-copie-copie-copie-copie-copie.png

Fais voir ton CSS sinon.
Si c'est pas aligné c'est parce que tu as les div qui contient le label + input en text-align center et que les label font pas la même taille car le texte est pas de la même taille.

Le 16 avril 2021 à 16:03:01 :
ils sont où les <tr>, <td> ?

Je viens de voir sur internet que les attribut aligne sont réservé au tableau et qu'il sont aujourd'hui obsoletehttps://image.noelshack.com/fichiers/2016/39/1474977832-sadchanclaloop.gif

En fait je suis partit d'un code d'origine que j'ai adapter a celui qui est fournie par le service d'emailing

Le code d'origine :https://image.noelshack.com/fichiers/2021/15/5/1618582045-capture2.jpg

Le résultat :https://image.noelshack.com/fichiers/2021/15/5/1618582056-capture.jpg

Le 16 avril 2021 à 16:06:07 :
Cette interface radioactive bordelhttps://image.noelshack.com/fichiers/2017/22/1496198966-1473263957-risitas33-31-copie-copie-copie-copie-copie-copie-copie.png

Fais voir ton CSS sinon.
Si c'est pas aligné c'est parce que tu as les div qui contient le label + input en text-align center et que les label font pas la même taille car le texte est pas de la même taille.

yes j'ai bien compris cette histoire de taille de texte

c'est pour ça que j'ai éssayer de jouer directement sur la ligne input text mais j'arrive pas à la faire varier

y'aurais pas une commande pour ça khey ?

Le 16 avril 2021 à 16:10:24 :

Le 16 avril 2021 à 16:06:07 :
Cette interface radioactive bordelhttps://image.noelshack.com/fichiers/2017/22/1496198966-1473263957-risitas33-31-copie-copie-copie-copie-copie-copie-copie.png

Fais voir ton CSS sinon.
Si c'est pas aligné c'est parce que tu as les div qui contient le label + input en text-align center et que les label font pas la même taille car le texte est pas de la même taille.

yes j'ai bien compris cette histoire de taille de texte

c'est pour ça que j'ai éssayer de jouer directement sur la ligne input text mais j'arrive pas à la faire varier

y'aurais pas une commande pour ça khey ?

Il te suffit de définir une largeur à tes labels.
Mais regarde du côté des flexbox, ca sera bien plus simple.

En gros ca donnerait :

container des deux champs + label : flex, column, flex start
container d'un champ + label : flex, row, space-between

GG EZ

flexbox > all

En fait y'a meme pas de css dans le formulaire

Le 16 avril 2021 à 16:14:00 :
En fait y'a meme pas de css dans le formulaire

Il est directement intégré dans les balises html

Le 16 avril 2021 à 16:15:18 :

Le 16 avril 2021 à 16:14:00 :
En fait y'a meme pas de css dans le formulaire

Il est directement intégré dans les balises html

Non y'a rien du tout

Le 16 avril 2021 à 16:13:23 :

Le 16 avril 2021 à 16:10:24 :

Le 16 avril 2021 à 16:06:07 :
Cette interface radioactive bordelhttps://image.noelshack.com/fichiers/2017/22/1496198966-1473263957-risitas33-31-copie-copie-copie-copie-copie-copie-copie.png

Fais voir ton CSS sinon.
Si c'est pas aligné c'est parce que tu as les div qui contient le label + input en text-align center et que les label font pas la même taille car le texte est pas de la même taille.

yes j'ai bien compris cette histoire de taille de texte

c'est pour ça que j'ai éssayer de jouer directement sur la ligne input text mais j'arrive pas à la faire varier

y'aurais pas une commande pour ça khey ?

Il te suffit de définir une largeur à tes labels.
Mais regarde du côté des flexbox, ca sera bien plus simple.

En gros ca donnerait :

container des deux champs + label : flex, column, flex start
container d'un champ + label : flex, row, space-between

GG EZ

Ok je vais regarder ce que c'est merci kheyhttps://image.noelshack.com/fichiers/2021/09/5/1614967244-mercileblabla.png

Fais un tableau et fixes les tailles des cellules par exemple.

Le 16 avril 2021 à 16:18:01 :

Le 16 avril 2021 à 16:13:23 :

Le 16 avril 2021 à 16:10:24 :

Le 16 avril 2021 à 16:06:07 :
Cette interface radioactive bordelhttps://image.noelshack.com/fichiers/2017/22/1496198966-1473263957-risitas33-31-copie-copie-copie-copie-copie-copie-copie.png

Fais voir ton CSS sinon.
Si c'est pas aligné c'est parce que tu as les div qui contient le label + input en text-align center et que les label font pas la même taille car le texte est pas de la même taille.

yes j'ai bien compris cette histoire de taille de texte

c'est pour ça que j'ai éssayer de jouer directement sur la ligne input text mais j'arrive pas à la faire varier

y'aurais pas une commande pour ça khey ?

Il te suffit de définir une largeur à tes labels.
Mais regarde du côté des flexbox, ca sera bien plus simple.

En gros ca donnerait :

container des deux champs + label : flex, column, flex start
container d'un champ + label : flex, row, space-between

GG EZ

Ok je vais regarder ce que c'est merci kheyhttps://image.noelshack.com/fichiers/2021/09/5/1614967244-mercileblabla.png

https://flexboxfroggy.com/#fr
Tiens, ce site est nickel pour apprendre le fonctionnement des flexbox en CSS

Le 16 avril 2021 à 16:27:01 :

Le 16 avril 2021 à 16:18:01 :

Le 16 avril 2021 à 16:13:23 :

Le 16 avril 2021 à 16:10:24 :

Le 16 avril 2021 à 16:06:07 :
Cette interface radioactive bordelhttps://image.noelshack.com/fichiers/2017/22/1496198966-1473263957-risitas33-31-copie-copie-copie-copie-copie-copie-copie.png

Fais voir ton CSS sinon.
Si c'est pas aligné c'est parce que tu as les div qui contient le label + input en text-align center et que les label font pas la même taille car le texte est pas de la même taille.

yes j'ai bien compris cette histoire de taille de texte

c'est pour ça que j'ai éssayer de jouer directement sur la ligne input text mais j'arrive pas à la faire varier

y'aurais pas une commande pour ça khey ?

Il te suffit de définir une largeur à tes labels.
Mais regarde du côté des flexbox, ca sera bien plus simple.

En gros ca donnerait :

container des deux champs + label : flex, column, flex start
container d'un champ + label : flex, row, space-between

GG EZ

Ok je vais regarder ce que c'est merci kheyhttps://image.noelshack.com/fichiers/2021/09/5/1614967244-mercileblabla.png

https://flexboxfroggy.com/#fr
Tiens, ce site est nickel pour apprendre le fonctionnement des flexbox en CSS

super merci !

Si t'a d'autres site dans ce genre pour apprendre je suis preneur ( peut importe le code )