Quick links: Content - sections - sub sections
EN FR
Quick Search Advanced search
 
Page

  [Opened] [CSS][Jelix 1.1][jForms] :after et internet explorer

Posted by manooweb on 12/19/2008 11:05

Salut,

La pseudo-classe css :after ne fonctionne pas avec IE6 et 7. En l'occurence elle est utilisé pour ajouter un astérique rouge derrière les labels de champs de formulaire.

 label.jforms-required:after, span.jforms-required:after { content:"*"; font-weight:bold; color:red; }

Nos utilisateurs n'utilisent pas tous les navigateurs à moteur gecko.

Est-t-il possible de trouver une autre solution dans les générateurs jForms ? Ou faut-il que j'écrive mon propre générateur ? ou utilise un affichage controlé ?

Merci m@nu


Manu

  [Opened] Re: [CSS][Jelix 1.1][jForms] :after et internet explorer

Reply #1 Posted by manooweb on 12/19/2008 16:08

bon j'ai créé un nouveau générateur jForms héritant de htmlJformsBuilder et surchargé uniquement la méthode outputControlLabel pour mettre un span contenant l'astérisque avec une classe css genre jforms-required-after (pour pouvoir régler la mise en forme).

Ensuite j'écrase la feuille de style jform.css avec la mienne notamment en remettant le content vide (pour ne pas l'avoir en double dans les navigateurs autre qu'IE) sur la classe label.jforms-required:after et span.jforms-required:after.


Manu

 
Page
  1. [CSS][Jelix 1.1][jForms] :after et internet explorer