Des formulaires bien structur√©s, faciles √† styler - commentaires Des formulaires bien structurés, faciles à styler 2010-08-05T14:52:52Z http://romy.tetue.net/des-formulaires-bien-structures-faciles-a-styler#forum2091 2010-08-05T14:52:52Z <p>@20cent : on peut considérer, sémantiquement, que les données qui se suivent dans un formulaire sont une liste de champs à remplir, auquel cas l'utilisation d'une... liste, ordonnée ou non, est plus judicieuse qu'une suite de paragraphes.</p> Des formulaires bien structurés, faciles à styler 2008-11-20T21:58:18Z http://romy.tetue.net/des-formulaires-bien-structures-faciles-a-styler#forum996 2008-11-20T21:58:18Z <p>En réalité, je ne saurais recommander précisément l'un plus que l'autre. Je préfère simplement réserver les <code>p</code> aux contenus textuels et les <code>li</code> me semblent mieux correspondre aux formulaires que j'aborde comme une liste de couples label+champs...</p> Des formulaires bien structurés, faciles à styler 2008-09-23T11:20:57Z http://romy.tetue.net/des-formulaires-bien-structures-faciles-a-styler#forum906 2008-09-23T11:20:57Z <p>Bonjour,</p> <p>Je ne comprends pas trop pourquoi les li sont plus adaptés et maniables que des p ? Tu peux nous en dire plus ?</p> Des formulaires bien structurés, faciles à styler 2008-06-25T14:53:37Z http://romy.tetue.net/des-formulaires-bien-structures-faciles-a-styler#forum808 2008-06-25T14:53:37Z <p>Effectivement, IE6 ne prend en compte que la dernière classe css, c'est à dire que dans l'exemple <code>div.formulaire.abonnement.id253</code>, IE6 comprendra <code>div.id253</code>.</p> <p>MM.</p> Des formulaires bien structurés, faciles à styler 2008-05-16T15:45:57Z http://romy.tetue.net/des-formulaires-bien-structures-faciles-a-styler#forum772 2008-05-16T15:45:57Z <p>De plus, de mémoire je crois qu'IE (6 ?) n'aime pas les noms de classes en cascade et ne prend en compte que la première.</p> <p>Autrement dit <code>div.formulaire.abonnement.id253</code> sera compris <code>div.formulaire</code>.</p> <p>(attention, j'ai bien dit « de mémoire »)</p> Des formulaires bien structurés, faciles à styler 2008-05-13T10:52:04Z http://romy.tetue.net/des-formulaires-bien-structures-faciles-a-styler#forum764 2008-05-13T10:52:04Z <p>Oui, RastaPopoulos, des class comme les mots d'une phrase, c'est ce que je pratiquais auparavant. C'est très lisible... dans la page HTML.</p> <p>Par contre, ça n'est plus du tout explicite, dans la feuille de style, parce qu'on n'y ré-écrit pas nécessairement le chemin. On gagne donc en lisibilité à avoir des noms de class qui restent explicites en solo.</p> Des formulaires bien structurés, faciles à styler 2008-05-13T10:20:49Z http://romy.tetue.net/des-formulaires-bien-structures-faciles-a-styler#forum763 2008-05-13T10:20:49Z <p>J'adooooore.</p> <p>Mais pourquoi diable créer des classes compliquées comme « formulaire » PLUS « formulaire_abonnement » PLUS « formulaire_abonnement_245 ».<br class="manualbr" />Car le grand intérêt des classes CSS c'est quand même d'être superposables. Donc pouvoir faire : div.formulaire.abonnement.id253 par exemple.</p> <p>Ce qui allège considérablement la lisibilité et la maintenance.<br class="manualbr" />Non ?</p> Des formulaires bien structurés, faciles à styler 2008-05-09T11:52:19Z http://romy.tetue.net/des-formulaires-bien-structures-faciles-a-styler#forum759 2008-05-09T11:52:19Z <p>Le bloc <code>div</code> permet d'englober proprement quelques bricoles parfois nécessaires autour d'un formulaire, comme par exemple une ancre, un titre et quelques paragraphes de mode d'emploi.</p> <p>Oui les <code>li</code> permettent de coder plus proprement, tout en se gardant suffisamment de liberté de mise en forme. D'expérience, cela me semble finalement plus adapté et plus maniable que des <code>p</code> ou <code>div</code>.</p> Des formulaires bien structures 2008-05-09T10:25:59Z http://romy.tetue.net/des-formulaires-bien-structures-faciles-a-styler#forum758 2008-05-09T10:25:59Z <p>Pourquoi encadrer ton formulaire dans un bloc <code><div /></code> ?<br class="manualbr" />On a deja un bloc avec <code><form /></code> non ?</p> <p>En revanche, l'utilisation des <code><li /></code> permet d'eviter l'utilisation de <code><br /></code> a chaque fin de ligne mais egalement de bien structurer, via CSS, l'ensemble des champs.</p> <p>On voit bien par ton exemple l'interet d'utiliser les fieldset :)</p> <p>Une bonne source d'inspiration au final.<br class="manualbr" />Merci pour ce billet.</p>