Joueb.com
Envie de créer un weblog ?
Soutenez le Secours populaire
ViaBloga
Le nec plus ultra pour créer un site web.
Débarrassez vous de cette publicité : participez ! :O)
 
Retour à la page principale

Joueb/CSS

Joueb d'entraide pour la conception de pages Web : HTML, CSS etc.

Session
Nom d'utilisateur
Mot de passe

Mot de passe oublié ?

CSS, XHTML et formulaire
--> Bonjour la galère !
Bonjour à tous.

Je viens de me mettre au xhtml et j'ai donc logiquement abandonné la mise en page à l'aide de table. Pour le maquettage de la page, pas de problème. Mais pour faire des formulaires, bonjour la galère. Obtenir quelque chose d'esthétique ou pour avoir ne serait que tous les champs alignés lorsqu'il y a plusieurs champs par ligne et plusieurs lignes, c'est impossible. J'en suis réduit à ne mettre qu'un champ par ligne, à l'aide du code suivant :

HTML

CSS

div.row {clear: both} div.row label {float: left; width: 50%;}

Quelqu'un a t'il une autre méthode qui me permettre de mettre plusieurs label et champs par ligne, tout en alignant l'ensemble par rapport à la ligne du dessus (comme avec une table, en fait) ?

A+ FCH
Ecrit par fch, le Jeudi 25 Mars 2004, 18:53 dans la rubrique "Premiers Pas".

Commentaires :

Anonyme
25-03-04 à 19:44

Avec une table tout simplement. Si ce que tu veux obtenir a la forme d'un tableau, il faut utiliser une table.

 
Anonyme
26-03-04 à 09:24

Re:

Pas d'accord, car sémantiquement incorrect.
Un formulaire n'est pas un tableau de données.

A+ FCH

 
katsoura
05-04-04 à 23:42

Re: Re:

Ah non ce ne sont pas des données, c'est quoi alors?!
A1: Nom B1: Decoq
A2: Prénom B2: Fabrice
A3: Age B3: 25 ans
...
L'utilisation d'un tableau est tout à fait adéquat.

 
popaul
09-06-05 à 09:05

Re: Re:

L'utilisation de formulaires dans des tableaux reste sémantiquement correcte à partir du moment où tous les champs et les labels sont disposés dans leurs colonnes respectives. A trop vouloir bannir les tableaux, on finit par dire n'importe quoi. L'utilisation des tableaux n'est pas adaptée à une mise en page graphique. Alors regardez le site de référence concernant l'accessibilité : http://www.w3.org/WAI/
ils utilisent justement les tableaux pour leur mise en page... étonnant ??
au sujet des tableaux et des formulaires, un petit lien de developpez.com que j'ai trouvé intéressant : utilisation des formulaires et des tableaux
tchao
popaul

 
popaul
09-06-05 à 09:07

Re: Re:

L'utilisation de formulaires dans des tableaux reste sémantiquement correcte à partir du moment où tous les champs et les labels sont disposés dans leurs colonnes respectives. A trop vouloir bannir les tableaux, on finit par dire n'importe quoi. L'utilisation des tableaux n'est pas adaptée à une mise en page graphique. Alors regardez le site de référence concernant l'accessibilité : http://www.w3.org/WAI/
ils utilisent justement les tableaux pour leur mise en page... étonnant ??
au sujet des tableaux et des formulaires, un petit lien de developpez.com que j'ai trouvé intéressant : utilisation des formulaires et des tableaux
tchao
popaul

 
Passante
03-04-04 à 18:55

Formulaires sans tableaux

Une piste sur la manière de procéder ici : http://www.elanceur.org/jason/Articles/FormulairesSansTableaux.html

 
BB
10-04-04 à 23:51

Qui a dit qu'avec les CSS on ne pouvait pas faire mieux qu'avec des tableaux ?

Un bel exemple (avec toutes les explications) sur :
http://armorance.free.fr/valastuc/fds16.htm

Bon courage et @+

 
Anonyme
19-05-04 à 10:08

exemple

Bonjour, j'ai écrit un article sur comment construire un formulaire en XHTML et CSS tout en respectant des contraintes de lisibilité, d'accessibilité et d'utilisabilité :
Des formulaires plus simples

/Fred

 
Anonyme
19-05-04 à 10:09

Re: exemple

Oups ! Violà l'adresse : http://fredcavazza.net/articles/SVF.htm

 
A Nonym
01-09-04 à 18:47

Tu peux aller lire cet article:
http://pompage.net/pompe/csspratique/

T'apprendras un certain nombre de techniques CSS pas inutiles, notamment en ce qui concerne la non-utilisation de tableaux...

 
z3d
08-09-04 à 01:56

Re:


 
z3d
08-09-04 à 01:58

Un bon vieu tag html ;)

Salut!

Je pense que le plus simple serait l'utilisation de la balise span :D

 


Version  XML  - Cette page est peut-être encore valide XHTML1.1 et CSS sans tableaux.
Thème inspiré par Bryan Bell.