Recherche avancée

Sur d’autres sites (6515)

• Anomalie #4623 : Styles des fieldset dans l’espace privé

  17 avril 2021

  Disgression : au fait, quelle était l’intention derrière le fait de mettre des

  à la place de <legend></legend> dans les fieldsets ? Faut que je retourne voir comment c’était stylé avant, moi du coup je les affiche comme des <legend></legend>, mais c’était peut-être pas le but ?

  Et une dernière réflexion tardive pour la route : toujours avec le 2ème exemple de marcimat, en ajoutant une classe aux fieldsets je trouve que la structure devient plus naturelle, ne se pose plus la question de savoir s’il faut les encapsuler dans un conteneur ou pas.

  <span class="CodeRay"><span class="tag">form</span>
    <span class="class">.editer-surgroupe</span> (= <span class="tag">fieldset</span>)
      <span class="class">.legend</span>
      <span class="class">.editer-groupe</span>
         <span class="class">.editer</span>
         <span class="class">.editer</span> ...
    <span class="class">.editer-groupe</span>
      <span class="class">.editer</span>
      <span class="class">.editer</span> ...
  </span>
  Télécharger

• Anomalie #4623 : Styles des fieldset dans l’espace privé

  18 avril 2021

  Je découvre les fieldset.editer qui sont des lignes pour les .choix, introduit assez récemment. Donc ça fait une option de plus à gérer.

  Dans quelle mesure Tcharles il y a besoin du .editer-groupe dans le fieldset.editer-surgroupe ? Est-ce que ça pourrait servir pour passer les champs .editer dedans en colonne (flexbox horizontal ?) sur certains fieldset ? (Je suppose qu’on en aurait pas besoin pour ça). Et donc que ça simplifierait si on met directement fieldset.editer-groupe

  <span class="CodeRay"><span class="tag">form</span>
    <span class="tag">div</span><span class="class">.editer-groupe</span>
      <span class="tag">div</span><span class="class">.editer</span>
      <span class="tag">div</span><span class="class">.editer</span>
      ...
   
    <span class="tag">fieldset</span><span class="class">.editer-groupe</span>
      <span class="tag">legend</span>
      <span class="tag">div</span><span class="class">.editer</span>
      <span class="tag">div</span><span class="class">.editer</span>
   
    <span class="tag">div</span><span class="class">.editer-groupe</span>
      <span class="tag">div</span><span class="class">.editer</span>
      <span class="tag">fieldset</span><span class="class">.editer</span>
        <span class="class">.choix</span> 
      <span class="tag">fieldset</span><span class="class">.editer-groupe</span>
         <span class="tag">legend</span>
         <span class="tag">div</span><span class="class">.editer</span>
         <span class="tag">div</span><span class="class">.editer</span>
         <span class="tag">fieldset</span><span class="class">.editer-groupe</span>
            <span class="tag">legend</span>
            <span class="tag">div</span><span class="class">.editer</span>
            ...
   
    <span class="tag">fieldset</span><span class="class">.editer-groupe</span>
      <span class="tag">legend</span>
      <span class="tag">div</span><span class="class">.editer</span>
      <span class="tag">fieldset</span><span class="class">.editer-groupe</span>
         <span class="tag">legend</span>
         <span class="tag">div</span><span class="class">.editer</span>
         ...
   
  </span>
  Télécharger

  Il me semble que dans ce cas on peut toujours différencier
  - un form fieldset.editer-goupe (racine) (du moins avec style minimums = div.editer-groupe)
  - d’un form .editer-groupe fieldset.editer-groupe (mélangé avec d’autres champs = style plus élaborés avec indentation)

  En fait ça me parait assez cohérent de dire "Un fieldset c’est un groupe d’édition" (.editer-groupe) la seule grosse différence est la présence du legend. (et éventuellement de la démarcation / indentation)

• Anomalie #4623 : Styles des fieldset dans l’espace privé

  18 avril 2021

  Dans quelle mesure Tcharles il y a besoin du .editer-groupe dans le fieldset.editer-surgroupe ?

  Et bien écoute, maintenant que tu le dis, je ne sais pas :)
  La sémantique de la balise fieldset et de la classe .editer-groupe est finalement la même oui, ton exemple semble plus logique.
  Des fois même si c’est pas bien, on n’a pas d’autre choix que de rajouter un conteneur pour faciliter ou permettre des choix stylistiques, mais là ça semble pas nécessaire.

  Je serais incliné à ajouter une classe complémentaire sur les fieldset.editer-groupe quand même, pour distinguer les « groupes avec légende » des « groupes lambdas ». Dans les CSS on peut certes se reposer sur la balise, mais ça simplifierait et serait un peu plus propre. Une déclinaison de .editer-groupe plus sémantique pour dire que c’est une variante ? Je mets « editer-groupe-xxx » dans l’exemple pour l’instant. Sinon la bonne vieille classe .fieldset.

  <span class="CodeRay"><span class="tag">form</span>
    <span class="tag">div</span><span class="class">.editer-groupe</span>
      <span class="tag">div</span><span class="class">.editer</span>
      <span class="tag">div</span><span class="class">.editer</span>
      ...
   
    <span class="tag">fieldset</span><span class="class">.editer-groupe</span><span class="class">.editer-groupe-xxx</span>
      <span class="tag">legend</span>
      <span class="tag">div</span><span class="class">.editer</span>
      <span class="tag">div</span><span class="class">.editer</span>
   
    <span class="tag">div</span><span class="class">.editer-groupe</span>
      <span class="tag">div</span><span class="class">.editer</span>
      <span class="tag">fieldset</span><span class="class">.editer</span>
        <span class="class">.choix</span> 
      <span class="tag">fieldset</span><span class="class">.editer-groupe</span><span class="class">.editer-groupe-xxx</span>
         <span class="tag">legend</span>
         <span class="tag">div</span><span class="class">.editer</span>
         <span class="tag">div</span><span class="class">.editer</span>
  </span>
  Télécharger