IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Services Web Discussion :

mise en forme fieldset dans un formulaire [Débutant]


Sujet :

Services Web

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Homme Profil pro
    Technicien maintenance
    Inscrit en
    Avril 2022
    Messages
    11
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 65
    Localisation : France, Vaucluse (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Technicien maintenance
    Secteur : Industrie

    Informations forums :
    Inscription : Avril 2022
    Messages : 11
    Par défaut mise en forme fieldset dans un formulaire
    Bonjour, j'ai mis en place un site pour me remettre un peu dans le bain,
    j'ai créer un formulaire de contact et lorsqu'il s'affiche les fieldset sont
    décalé sur la droite, impossible de les centrer dans le formulaire,
    n'étant pas un champion du CSS ni même du html j'aimerais savoir
    si quelqu'un peut me conseiller, je vous met le résultat en image et
    je code que j'emploieContact.pdfindexT.htmlContact.pdfindexT.html
    merci

  2. #2
    Expert confirmé
    Avatar de popo
    Homme Profil pro
    Analyste programmeur Delphi / C#
    Inscrit en
    Mars 2005
    Messages
    2 966
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Analyste programmeur Delphi / C#
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Mars 2005
    Messages : 2 966
    Par défaut
    Rajoute le chevron à la fin de la balise </body> ligne 9.
    Enlève la balise fermante </body> ligne 10.
    Remplace "text align" par "align" sur ton <div> ligne 11.

    Et surtout supprime ces listes ordonnées (<ol> et </ol>) ligne 16, 20, 27, 36, 39 et 41.


    Je te suggère vivement de revoir les bases du HTML car il y a d'énormes lacunes que même un débutant ne devrait pas faire.
    Je pense notamment à toutes les balises que tu n'as pas ou mal fermé (c'est la base).
    Et étudier le CSS ne ferait pas de mal. Tout ces <b> et <i> nuisent à la lisibilité.

  3. #3
    Membre averti
    Homme Profil pro
    Technicien maintenance
    Inscrit en
    Avril 2022
    Messages
    11
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 65
    Localisation : France, Vaucluse (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Technicien maintenance
    Secteur : Industrie

    Informations forums :
    Inscription : Avril 2022
    Messages : 11
    Par défaut
    Citation Envoyé par popo Voir le message
    Rajoute le chevron à la fin de la balise </body> ligne 9.
    Enlève la balise fermante </body> ligne 10.
    Remplace "text align" par "align" sur ton <div> ligne 11.

    Et surtout supprime ces listes ordonnées (<ol> et </ol>) ligne 16, 20, 27, 36, 39 et 41.


    Je te suggère vivement de revoir les bases du HTML car il y a d'énormes lacunes que même un débutant ne devrait pas faire.
    Je pense notamment à toutes les balises que tu n'as pas ou mal fermé (c'est la base).
    Et étudier le CSS ne ferait pas de mal. Tout ces <b> et <i> nuisent à la lisibilité.
    il est vrai que j'ai des lacunes, mais j'ai fait les changements conseillés et cela ne change rien
    merci tout de même

  4. #4
    Expert confirmé
    Avatar de popo
    Homme Profil pro
    Analyste programmeur Delphi / C#
    Inscrit en
    Mars 2005
    Messages
    2 966
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Analyste programmeur Delphi / C#
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Mars 2005
    Messages : 2 966
    Par défaut
    Il est inutile de citer le dernier message lorsque tu réponds.
    Cela va de soit, surtout si c'est l'unique réponse que tu as obtenu.

    Tu dis que cela ne change rien mais il y a pourtant un changement visible.
    Ta version :
    Nom : Yours.png
Affichages : 260
Taille : 7,1 Ko

    Avec mes suggestions (si appliquées correctement).
    On constate bien qu'il n'y a plus de décalage vers la droite (induit par les <ol>) :
    Nom : Mine.png
Affichages : 253
Taille : 5,9 Ko

    Mais comme tu ne fourni pas le code corrigé, impossible de te dire ce qui ne pas pas cette fois.
    Et si ce n'est pas le résultat que tu voulais, alors montre une image de ce que tu souhaite, ce sera beaucoup plus clair.

  5. #5
    Membre averti
    Homme Profil pro
    Technicien maintenance
    Inscrit en
    Avril 2022
    Messages
    11
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 65
    Localisation : France, Vaucluse (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Technicien maintenance
    Secteur : Industrie

    Informations forums :
    Inscription : Avril 2022
    Messages : 11
    Par défaut
    Citation Envoyé par popo Voir le message
    Il est inutile de citer le dernier message lorsque tu réponds.
    Cela va de soit, surtout si c'est l'unique réponse que tu as obtenu.

    Tu dis que cela ne change rien mais il y a pourtant un changement visible.
    Ta version :
    Nom : Yours.png
Affichages : 260
Taille : 7,1 Ko

    Avec mes suggestions (si appliquées correctement).
    On constate bien qu'il n'y a plus de décalage vers la droite (induit par les <ol>) :
    Nom : Mine.png
Affichages : 253
Taille : 5,9 Ko

    Mais comme tu ne fourni pas le code corrigé, impossible de te dire ce qui ne pas pas cette fois.
    Et si ce n'est pas le résultat que tu voulais, alors montre une image de ce que tu souhaite, ce sera beaucoup plus clair.
    en fait j'ai tout repris depuis le début, j'ai pris une partie de ta solution mais comme ça ne fonctionnait
    pas comme je le voulait j'ai refait et me suis aperçu que j'avais commis beaucoup d'erreurs
    j'ai bien supprimer les <ol > et j'ai repris ligne par ligne c'est pour cette raison que je t'ai remercié
    je t'envoie le code code et tu peux aller voir le résultat sur le site.
    En fait le formulaire était bien avec Opéra et Edge mais pas très beau sur Mozilla.
    index.html

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 7
    Dernier message: 19/06/2011, 05h56
  2. Réponses: 12
    Dernier message: 10/02/2009, 21h43
  3. Mise en forme conditionnelle dans un formulaire
    Par moilou2 dans le forum IHM
    Réponses: 1
    Dernier message: 22/02/2008, 18h13
  4. Réponses: 1
    Dernier message: 25/01/2008, 10h17
  5. Réponses: 5
    Dernier message: 22/01/2007, 13h40

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo