Problème formulaire de contact sous blogger
bg62 Messages postés 23735 Date d'inscription Statut Modérateur Dernière intervention -
Bonjour,
J'ai souhaité insérer une nouvelle page avec un formulaire de contact sur mon blog Google blogger. J'ai trouvé des instructions avec un code html que j'ai suivi à la lettre. Le formulaire semble fonctionner mais le hic c'est que lorsque l'on saisie du texte dans les champs du formulaire, le texte s'écrit en blanc sur fond blanc, de sorte que l'on ne voit pas ce que l'on écrit.
Quelqu'un aurait-il une astuce pour remédier à cela?
Merci d'avance
- Blogger contact
- Recuperer contact carte sim - Guide
- Retrouver contact supprimé - Accueil - Android
- Localiser un contact - Guide
- Bloquer un contact sur whatsapp - Guide
- Copytrans contact - Télécharger - Divers Utilitaires
3 réponses
Bonjour,
Plutôt qu'une astuce, tu devrais nous donner le code du source pour que nous le regardions.
Utiliser l'icone <> pour permettre la coloration syntaxique du source suivant son langage.
Si on met ce code dans un fichier contact.html et qu'on l’exécute avec un navigateur, les textes saisis sont bien affichés.
En fait toute la gestion de la mise en page et mise en forme des objets doit être gérée dans un fichier .css. Cela afin de déporter la gestion du design des pages dans un fichier spécialisé.
Chaque fois que l'on trouve une instruction class=xxx , cela fait référence à une propriété de style du fichier css. Dans ces propriétés, on va trouver par exemple la couleur du texte. Il faudrait regarder le fichier css qui contient ces propriétés, ton site peut utiliser plusieurs fichier css. Si tu as copié le formulaire, il devait arriver avec un fichier css ?
La couleur du texte pourrait être définie dans au moins une des propriétés de style dont le nom est ContactForm, contact-form-widget, form, contact-form-name, contact-form-email, contact-form-email-message. Propriétés qui vont du global (le formulaire) au détail (chaque champ du formulaire). Un style est hérité de ses parents s'il n'est pas modifié au niveau où on est. La couleur pourrait être définie tout en haut, pour le formulaire, ou au niveau de la classe de chaque champ.
1 - normalement ' blogger ' te permet de créer directement une page de contact sans être obligé d'insérer du code ...
*** et même des choses plus complexes :
https://bloggercode-blogconnexion.blogspot.com/2019/05/widget-contactForm.html
2 - dans le code fourni je ne vois nulle part la définition de la couleur du fond, ni de celle du texte, donc ... par défaut = rien
:)
Bonjour,
Merci beaucoup de votre aide. Ci-dessous le code de mon formulaire:
<div class="ContactForm" id="ContactForm"> <div class="contact-form-widget"> <div class="form"> <form name="contact-form"> <p></p> Nom <br> <input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value=""> <p></p> E-mail <span style="font-weight: bolder;">*</span> <br> <input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value=""> <p></p> Message <span style="font-weight: bolder;">*</span> <br> <textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea> <p></p> <input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Envoyer"> <p></p> <div style="text-align: center; max-width: 222px; width: 100%"> <p class="contact-form-error-message" id="ContactForm1_contact-form-error-message"></p> <p class="contact-form-success-message" id="ContactForm1_contact-form-success-message"></p> </div> </form> </div> </div> <div class="clear"></div> <span class="widget-item-control"> <span class="item-control blog-admin"> <a class="quickedit" href="//www.blogger.com/rearrange?blogID=2609686978937102655&widgetType=ContactForm&widgetId=ContactForm1&action=editWidget§ionId=sidebar-right-1" onclick="return _WidgetManager._PopupConfig(document.getElementById("ContactForm1"));" target="configContactForm1" title="Modifier"> <img alt="" height="18" src="//img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18"> </a> </span> </span> <div class="clear"></div> </div>