Problème formulaire de contact sous blogger

Fermé
StephanieJphoto14 Messages postés 2 Date d'inscription lundi 20 mars 2023 Statut Membre Dernière intervention 20 mars 2023 - 20 mars 2023 à 21:28
bg62 Messages postés 23594 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 1 mai 2024 - 23 mars 2023 à 19:30

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 


3 réponses

jee pee Messages postés 39677 Date d'inscription mercredi 2 mai 2007 Statut Modérateur Dernière intervention 2 mai 2024 9 251
Modifié le 21 mars 2023 à 18:45

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.


0

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>
0
jee pee Messages postés 39677 Date d'inscription mercredi 2 mai 2007 Statut Modérateur Dernière intervention 2 mai 2024 9 251
22 mars 2023 à 14:52

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.


0
bg62 Messages postés 23594 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 1 mai 2024 2 362
23 mars 2023 à 19:30

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
:)


0