Background de formulaire

Résolu/Fermé

Jacobéo Messages postés 304 Date d'inscription samedi 10 mars 2007 Statut Membre Dernière intervention 28 août 2008 - 28 août 2008 à 18:25
Jacobéo Messages postés 304 Date d'inscription samedi 10 mars 2007 Statut Membre Dernière intervention 28 août 2008 - 28 août 2008 à 22:14

Bonjour,

Je souhaite modifier la couleur blanche et opaque par défaut d'un formulaire pour la tranformer en un blanc transparent de xx% qui permettrait de voir l'image du div placé en dessous. Je ne trouve pas le moyen CSS pour aboutir à mon souhait. Quelqu'un a-t'il une solution à me proposer ?

Merci
Jacobéo

A voir également:

Background formulaire
Formulaire de réclamation facebook - Guide
Formulaire instagram compte suspendu - Guide
Le formulaire rempli - Guide
Confirmer le nouvel envoi du formulaire err_cache_miss ✓ - Forum PHP
Formulaire remboursement frais de résiliation free pdf ✓ - Forum Freebox

2 réponses

Réponse 1 / 2

Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 922
28 août 2008 à 19:23

salut Jacobéo !

pour la transparence il n'y a pas encore de propriété CSS qui soit interprétée par tout le monde.

tu peux soit utiliser plusieurs propriétés à la fois (CSS3, Mozzila et MSIE) :

form{
background-color:#FFF;
opacity:.5;
-moz-opacity:.5;
filter:alpha(opacity=50);
}

soit utiliser un GIF transparent (meilleur que le PNG puisqu'interprété par IE) en image de fond.

si ça ne fonctionne pas sur <form> essaie en ajoutant un <fieldset>.

Jacobéo Messages postés 304 Date d'inscription samedi 10 mars 2007 Statut Membre Dernière intervention 28 août 2008 79
28 août 2008 à 19:46

Salut Dalida,

Je m'y colle maintenant et te tiens au courant.
Merci

Réponse 2 / 2

Jacobéo Messages postés 304 Date d'inscription samedi 10 mars 2007 Statut Membre Dernière intervention 28 août 2008 79
28 août 2008 à 20:14

Super comme résultat. Merci Dalida.
Je n'avance pas très vite (beaucoup d'occupations en extérieur), mais je cherche des détails comme celui-ci qui me semble donner un plus au graphisme. J'ai aussi trouvé un moyen pour aérer l'ensemble, en ajoutant dans le formulaire, un espace (image transparente,.. encore!) à cet endroit :
<p id="adr">
<label for="mail"> <img name="image" src="" width="32" height="32" alt="" /> <span class="Style3">Votre adresse "Courriel" :</span>
<input name="votremail" tabindex="20" size="30" type="text" id="mail" value="<?php echo $votremail; ?>" />
</label>
</p>

Rien d'extraordinaire, mais quand on cherche, on fait parfois des erreurs qui amènent à... des effets sympas.

Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 922
28 août 2008 à 20:58

horreur !!!
une balise vide et une image de surcroît !
-:oD

et avec un :

p#adre label{
padding-top:32px; /* ou margin-top:32px;*/
}

ça ne fonctionne pas ?

si il ne le prend pas tu peux l'appliquer au <p>.

Jacobéo Messages postés 304 Date d'inscription samedi 10 mars 2007 Statut Membre Dernière intervention 28 août 2008 79 > Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016
28 août 2008 à 22:14

Euh... pardon maître !
La balise vide est en réalité une balise mise en plae ici pour montrer le lien avec une ima transparente ou un philigrane.
Je vais donc essayer ta solution. Je viens encore d'apprendre un truc de plus, je vais pouvoir dormir tranquille.

Je reviens demain. Bonne nuit.

Discussions similaires

Je n'arrive plus à récuperer mon compte Outlook

Civilité (Mr,Mme,Melle) n' apparait pas lors de l'exécution du formulaire

Google Chrome : "Nouvel envoi du formulaire"

Contact LEBONCOIN

Confirmation de l'envoi d'un formulaire html