28234 sujets

CSS et mise en forme, CSS3

[Résolu] Préconisation pour les formulaire ? <div> <p>

Bonjour,

Tout d'abord merci, car j'ai beaucoup appris à travers ce site.
J'ai lu quelque post traitant du même sujet, mais je souhaiterai avoir confirmation sur le type de balise à utiliser pour gérer les items dans un formulaire.

Pour exemple je génère en php une liste de checkbox. Une fois généré le code ressemble à ca :

<h1 id="CommunTitre">PUBLICATIONS</h1>

<div class='AdmPub_Liste'>
<h3>Liste des publications</h3>
<div class='FormItem'><input type='checkbox' class='checkbox'><label class='checkbox'>Objet 1</label></div>
<div class='FormItem'><input type='checkbox' class='checkbox'><label class='checkbox'>Objet 2</label></div>
<div class='FormItem'><input type='submit' class='AlignLeft' value='Modifier'></div>
</div>

cette liste est elle-même contenue dans le div de la page central.
J'ai essayer la balise <p>, même les balises <h> mais il n'y a que la div qui me permettent de positionner les items correctement. Le but étant de supprimer les <br /> qui on des tailles différentes selon le navigateur.
Le même problème se pose pour la mise en page des formulaires.
Je souhaitais donc savoir si ce style de mise en page est "conforme" , et ne représente pas un risque de surcharge (de <div> par exemple) à terme.
merci
Modifié le 11 Dec 2004 - 21:07
Salut seith et bienvenue sur le Forum Alsacréations ! Smiley lol

seith a écrit :

Le but étant de supprimer les <br /> qui on des tailles différentes selon le navigateur.

humm... Smiley hum Les <br /> n'ont pas vraiment de taille (à moins d'en définir une via CSS mais la seule application pratique que je peux voir à styler un <br /> serait de lui assigner un clear: both;).

Dans le cas où on utiliserais plusieurs <br /> successifs (une mauvaise pratique), et bien le résultat est un peu plus aléatoire.

Voir ce que disait Eric Meyer le 15 March 2002 au sujet des <br /> :
http://archivist.incutio.com/viewlist/css-discuss/3464

Un <br /> c'est un "saut de ligne forcé", une "coupure de ligne", un "caractère blanc" un "retour de chariot".
http://www.la-grange.net/w3c/html4.01/struct/text.html#edef-BR

Le <br /> est très utile, notamment dans les formulaires pour forcer le <label> à se positionner en haut de l'<input> auquel il est associé, et ce même lorsque CSS est désactivé.

En ce qui concerne la mise en forme d'un formulaire, <p> ou <div> sont une question de choix. Certains diront que <div> est mieux adapté pour regrouper des éléments de formulaires, d'autres diront (moi par exemple) que l'usage de <p> se comporte mieux lorsque CSS est désactivé. Même le <span> est utilisé comme on peut le voir dans cet article publié sur ALA : Practical CSS Layout Tips, Tricks, & Techniques.

Lire : Utilisation des formulaires, publié sur Openweb.
Modifié le 08 Dec 2004 - 05:40
merci,

en effet j'avais déjà lu la discution sur les p et div Smiley smile
--edition--En faite il s'agissait d'une autre discussion, ce post est encore plus explicite !--edition--


Mon pb de "taille" de <br /> survient effectivement lorsque j'en met plusieurs à la suite, je compend donc mieux d'ou venait mon pb. Je vais lires les ressources que vous m'avez gracieusement indiqué.
Merci pour votre réponse.
Modifié le 08 Dec 2004 - 11:58
excellement le lien sur open web, je pense que j'ai tt ce qu'il me faut.
Je laisse le sujet ouvert encore un moment au cas ou j'aurai d'autres questions Smiley cligne
Sinon, rien à voir, mais un petit conseil tout de même :

<h1 id="CommunTitre">PUBLICATIONS</h1>


Mieux vaut utiliser une casse minuscule

<h1 id="CommunTitre">Publications</h1>

Et ensuite tu la modifie via CSS Smiley cligne 

h1#CommunTitre
{
  text-transform: uppercase ;
}


Ou pour rendre un peu plus esthétique (à mon gout)

h1#CommunTitre
{
  font-variant: small-caps ;
}


Vala vala pour mon grain de sel Smiley cligne !
Modifié le 08 Dec 2004 - 14:20
Sujet clos
Aller à