Discussion :

[olibara]

Bonjour

Venant de WinForm et C# je continue mon apprentissage en design d'application WEB ASP

J'ai quelques interrogations sur l'usage des Pannel, DIV, et tables

Le but etant de segmenter le mieux possible mon formulaire

Si j'ai bien compris, il faut eviter les tables et preferer les DIV
Mais quelle est la difference entre un DIV et un Pannel outre que le pannel me semble spécifique a ASP ??

Ci joint un exemple de ma form en WinForm et son equivalent WEB

Je me demande si je dois essayer de reproduire le panneau de gauche (qui est actuellement un tableau dans un div) en utilisant des DIV, des Pannel ou une table ?

Merci de vos conseils

N.B. : J'espere qu'un modo voyant mon post ne va pas le deplacer en HTML en disant que c'est du design et que ca n'a rien a voir avec ASP pour qu'un autre modo me le renvoie en ASP en disant que ASP ce n'est pas de l' HTML (saveur de vécu )

[Larger]

Bonjour,

Une table, c'est une table. Si tu construis ta page avec ça, c'est déjà sémantiquement faux (sauf si ta page est effectivement entièrement un tableau). Même si tu peux arriver au même résultat, il est fortement conseillé d'utiliser les div. Les div n'ont pas vraiment de sens si ce n'est qu'elles servent à créer des "ensembles". Peut-être que des gens ne seront pas d'accord avec moi, mais je trouve que des divs sont plus facilement manipulables avec le css que des tables (sauf dans le cas où on on veut construire un tableau, évidemment).

Le panel crée une div par défaut. L'avantage de ce contrôle, c'est qu'il contient des options très utiles que tu peux manipuler facilement en behind. C'est donc un peu la même chose qu'une div, mais en plus maniable.

Donc dans ton cas, je verrais bien deux div verticales. La première séparée en trois parties horizontales et la deuxième contenant ton bouton. Après c'est un peu comme chacun le "sent".

[calagan99]

Je suis assez d'accord avec Larger, même si je suis plus nuancé sur l'usage des Tables.

Un Panel est un rendu en tant que div au moment de la génération. Son avantage est que tu y accèdes en code behind et qu'il possède pas mal de propriétés bien utiles.

Pour ma part, sur les miniatures en PJ j'utiliserai des Panels, par habitude.

[olibara]

Merci pour vos reponses

Ce qui me preoccupe le plus pour le moment c'est la bonne maniere de convertir la premiere DIV (le panneau de gauche) de mon webform pour qu'elle corresponde au premier GroupBox ("Niet toegelaten Periode") de ma WinForm

Actuellement cette DIV contient un tableau mais comme de toute facon je dois la chambouler, je suis partant pour la meilleure formule !

Merci de votre aide

[Larger]

Panel ou div, ça revient en général à la même chose, sauf si tu changes le html généré par ton panel.

Après div ou panel, je pense que mettre un div quand tu as juste besoin d'appliquer une propriété spécifique à son contenu c'est plus judicieux qu'un panel. Après je ne pense pas qu'il y ait de règles pour ça ...



EDIT :

Pour ta page, j'utiliserais seulement une table pour les deux cases du "tot" et du "van". Le reste c'est que du div (ou du panel à la rigueur) et de la css.

[olibara]

Ok

Donc si je comprends bien je devrais ajouter dans ma premiere div de gauche au minimum 16 div complementaire

2 pour les titres Algemeen / Selected
2 pour les deux listbox

et 12 autres pour les textbox complementaires avec leurs titres

Ais-je bien compris ?
Le cas échéant, comment faire pour que ces 16 div se positionnent comme il le faut sans faire du positionnement absolu ?

Je vais me faire violence pour ne plus jamais faire de commentaire sur ma perception du design de Form en HTML actuel mais je n'en pense pas moins et j'espère que dans quelques années on rira des contorsion auquelles il faut se plier aujour'hui pour arriver a de maigres résultats pas toujours fiables !

A partir d'aujourd'hui je promet que je me contenterai de question factuelles pour essayer d'apprendre a nager correctement dans ce ...

[olibara]

Encore une petite question

Pour ces question qui touchent essentiellement au design visuel (l'organisation de l"emplacement des control dans un formulaire), vaut-il mieux poster dans ce forum ci ou dans un Forum HTML ?

Parce que j'ai déja vecu que quand on evoque des controle asp dans un forum HTML on se fait jeter comme un impur mais que quand on pose des questions de design en ASP on est gentillement poussé dans le département HTML

[Larger]

Faut avouer que c'est pas évident au départ. Surtout qu'il faut que ça marche pour tous les navigateurs ...

Bref, sans rentrer dans les détails, il te faut utiliser des propriétés des css tels que le float. Met un float:left pour les trois divs du haut. Met un clear:both pour celle du bas contenant ton bouton.

Ça c'est globalement le schéma à suivre. Après faut jouer avec les width, etc.
J'essaye de te trouver un bon tuto là-dessus, mais c'est pas évident.

Si tu me postes vite fait ton aspx (en div si possible), je dois pouvoir te donner un petit exemple.