28114 sujets

CSS et mise en forme, CSS3

Bonjour,
je ne comprends pas trop "aligner tout de gauche à droite". Le formulaire est bien aligné. C'est juste que la partie "nous contacter" est trop étroite, elle prend de la place verticalement, elle pourrait être sur la largeur de la page. Par contre, le texte est trop minuscule en mode mobile.

Il y a beaucoup de choses à revoir, rien que dans le html. Ça ne répond pas à ta question initiale, mais si tu veux corriger Smiley smile Sinon, ça fonctionne.
Bonjour bongota
Si vous avez des idées pour améliorer mon html je suis preneur
Sinon ma page Fonctionné correctement auparavant
Tout été aligné comme ma page index
Le problème viens depuis que j ai changé de formulaire
Cordialement Philippe
Modérateur
Bonjour,

Une petite surcouche de style devrait aider à repasser en deux colonnes, avec l'idée de:

* Laisser <article> prendre toute la largeur
* Passer le formulaire en inline-block pour suivre la logique de tes styles
* Réduire la largeur du tableau , ou lui donner un max-width
* Retirer l'iframe ?? du flux

le patch peut ressembler à ceci :
article:has(#FORMULAIRE_PROPULSITE) {
  width:auto;
}
#FORMULAIRE_PROPULSITE {
  display: inline-block;
}
#FORMULAIRE_PROPULSITE table {
  max-width:600px;
  margin-inline-end: 1em;  
}
#IframeRepPropulsite_16671f1330ed406 {
  display: none;
}

/* et eventuellement */
#DivContImgAndGenered_16671f1330ed406 {
  display: flex;
}


cdt
Modifié par gcyrillus (16 Dec 2023 - 16:46)