Catégories:
Bonjour.
J'ai développé un formulaire avec Webform et je voudrais lui appliquer un style précis.
J'ai repéré des classes et des id propres à Webform. Je les ai mentionné dans la feuille de style avec un style quelconque. Exemple :
fieldset.webform-component-fieldset{background-color : blue; font-size: 24px; }
'#webform-client-form-8 fieldset {background-color : yellow; font-size: 24px; }
Or malgré de nombreux essais, il ne se passe rien ; le style de mon formulaire ne change pas d'un iota.
Faut-il faire quelque chose de spécifique pour appliquer un style à un formulaire Webform ou cela est-il dû à une erreur de ma part ?
- Vous devez vous identifier ou créer un compte pour écrire des commentaires
as tu essayé en ajoutant « !important» à la fin de tes ordres ?
Car il se peut que ces élément possèdent déjà des ordres css provenant du fichier system.css ou encore d’une feuille de syle qui se trouverait dans le module webform.
http://formation.ideia.fr/formation/drupal-la-carte | http://twitter.com/nyl_auster
nyl auster
838
!important est à utiliser avec parcimonie car sinon on «casse» la cascade… Il faut que tu déclare
display: block;pour tes fieldset faute de quoi tu ne peux pas affecter une couleur de fond à un élément «inline»A savoir IE ne gère mal le background-color pour les fieldset et d’une manière générale, les formulaires c’est galère car aucun navigateur n’interprète vraiment de la même manière les CSS…
Pour IE Jette un oeil à ce billet :
http://www.solykz.moi.fr/blog/astuces/internet-explorer-background-color…
Software is like sex, it’s better when it’s free (Linus Torvalds)
http://twitter.com/davidm_fr
davidm
631
!important est à utiliser avec parcimonie car sinon on «casse» la cascade… Il faut que tu déclare display : block ; pour tes fieldset faute de quoi tu ne peux pas affecter une couleur de fond à un élément «inline
Hello davidM
oui c’est vrai.
( Ceci dit pour ne pas affecter le comportement aux autres endroits du site avec le !important, on peut «cibler» le css au sein du formulaire qui nous intéresse, chaque formulaire disposant de son id propre. )
http://formation.ideia.fr/formation/drupal-la-carte | http://twitter.com/nyl_auster
nyl auster
838
Bonjour.
Je ne connaissais pas l’instruction !important et elle doit être en effet intéressante dans certains cas.
J’ai tout de même réussi aujourd’hui à obtenir un résultat intéressant sans elle en jouant sur les classes et id produits par WEBFORM (span.form-required, span.field-prefix, ‘#webform-client-form-8 input …)
Mon absence de résultats vendredi était sans doute dûe à des erreurs ou maladresses …
Dans tous les cas je vous remercie pour votre aide.
jacques.bouche
2