A voir également:
- Probleme affichage Tableau
- Tableau croisé dynamique - Guide
- Tableau ascii - Guide
- Tableau word - Guide
- Trier tableau excel - Guide
- Affichage double ecran - Guide
3 réponses
Bonjour,
Vous savez je suppose que les tableaux html sont dédiés depuis CSS (et même avant) aux données tabulaires et non au positionnement.
C'est donc une erreur ou du moins un non respect de normes(rassurez vous il m'arrive fréquemment de ne pas respecter cette norme sans que mes sites en souffrent). Là où je ne vous suit pas c'est que vous utilisez des div pour englober vos tableaux. Vos tableaux peuvent très bien être positionnés comme des div et les tableaux peuvent inclure d'autres tableaux pour un peu que ce soit bien fait.
Si vous automatisez le processus avec php qui va faire un 'echo' au travers d'une boucle vous n'avez pas à vous préoccuper d'avoir des balises lisibles puisque si vous modifiez vous modifiez la programmation(php) et non la mise en page par html directement.
il ne faut jamais définir des tailles en dur, en tout cas si vous voulez un affichage qui dépends pas de la résolution d'écran de l'utilisateur. Utilisez des valeurs proportionnelles comme les % ou le quadratin.
CSS3 et HTML5 n'a aucun rapport il me semble.
Le positionnement se fait en CSS2 et HTML standard, HTML5 amènes des nouvelles fonctionnalités mais conserve les bases établies depuis ses anciennes versions.
Concrétement:
vous voulez 2 tableaux qui se superposent vous n'avez pas besoin d'indiquer de taille ou dimensions fixes ici 3 solutions:
_utilisez un retour à la ligne après le premier tableau
_vous utiliser des float sans oublier de
_vous ne fait rien du tout, les balises table ne sont pas inline mais block donc pour chaque occurrence elle vont remplir tout l'espace dont elles ont besoin, cela ne marchera que si le contenu de chaque tableau prends assez de place pour remplir plus de la moitié de la largeur de l'écran; à vous de voir avec la première ligne des tableaux-le titre de chaque colonne en général-.
Vous savez je suppose que les tableaux html sont dédiés depuis CSS (et même avant) aux données tabulaires et non au positionnement.
C'est donc une erreur ou du moins un non respect de normes(rassurez vous il m'arrive fréquemment de ne pas respecter cette norme sans que mes sites en souffrent). Là où je ne vous suit pas c'est que vous utilisez des div pour englober vos tableaux. Vos tableaux peuvent très bien être positionnés comme des div et les tableaux peuvent inclure d'autres tableaux pour un peu que ce soit bien fait.
Si vous automatisez le processus avec php qui va faire un 'echo' au travers d'une boucle vous n'avez pas à vous préoccuper d'avoir des balises lisibles puisque si vous modifiez vous modifiez la programmation(php) et non la mise en page par html directement.
il ne faut jamais définir des tailles en dur, en tout cas si vous voulez un affichage qui dépends pas de la résolution d'écran de l'utilisateur. Utilisez des valeurs proportionnelles comme les % ou le quadratin.
CSS3 et HTML5 n'a aucun rapport il me semble.
Le positionnement se fait en CSS2 et HTML standard, HTML5 amènes des nouvelles fonctionnalités mais conserve les bases établies depuis ses anciennes versions.
Concrétement:
vous voulez 2 tableaux qui se superposent vous n'avez pas besoin d'indiquer de taille ou dimensions fixes ici 3 solutions:
_utilisez un retour à la ligne après le premier tableau
_vous utiliser des float sans oublier de
_vous ne fait rien du tout, les balises table ne sont pas inline mais block donc pour chaque occurrence elle vont remplir tout l'espace dont elles ont besoin, cela ne marchera que si le contenu de chaque tableau prends assez de place pour remplir plus de la moitié de la largeur de l'écran; à vous de voir avec la première ligne des tableaux-le titre de chaque colonne en général-.
Bonjour Yota,
tout d'abord, merci beaucoup pour toutes ces explications claires :-)
Je ne comprends pas trop comment , avez vous un exemple de : "les tableaux peuvent être positionnés comme des div et les tableaux peuvent inclure d'autres tableaux", car on m'a toujours dis d'oublier les tableaux pour la mise en page ...
Alors j'utilise des div pour englober mes tableaux pour une seule raison (que je comprends mauvaise) que je souhaite définir un cadre a ces blocs qui se superpose car en tout il y en a 12 tableaux ( 7 tableaux sur la premiere ligne, en dessous 3, et en dessous 2), ils n'ont pas la même taille et grâce a ces div englobante ça me permettait d'avoir un cadre et qu'il prenne la taille d'un bloc sans risque que ça depasse et que chaque ligne ou colonne soit alignées en hauteur et largeur par rapport aux autres tableaux --> je sais pas si je suis claire.
Sinon J'ai choisis de marcher avec la 2e solution que vous avez évoqués c'est à dire les FLOAT , par contre par curiosité pouriez-vous finir votre phrase s'il vous plait "vous utiliser des float sans oublier de " je crois qu'elle est coupée .
Concernant les automatisations PHP je fais justement cela, donc les TR TD TABLE se crées de façon dynamique, mais c'est la ou je voulais en venir, si je rajoute une colonne dans une table je ne trouve pas moyen de le rentrer dans le tableau.
Car vu la quantité de données que j'affiche dans chaque case, si je fais en pourcentage, je risque d'avoir des cases trop petites ou une police trop petite.
Voila pourquoi je faisais un truc tout moche genre "1200px/ 7" pour les tableaux du haut
Et bien sur ils ne veulent pas de SCROLL ... :'(
tout d'abord, merci beaucoup pour toutes ces explications claires :-)
Je ne comprends pas trop comment , avez vous un exemple de : "les tableaux peuvent être positionnés comme des div et les tableaux peuvent inclure d'autres tableaux", car on m'a toujours dis d'oublier les tableaux pour la mise en page ...
Alors j'utilise des div pour englober mes tableaux pour une seule raison (que je comprends mauvaise) que je souhaite définir un cadre a ces blocs qui se superpose car en tout il y en a 12 tableaux ( 7 tableaux sur la premiere ligne, en dessous 3, et en dessous 2), ils n'ont pas la même taille et grâce a ces div englobante ça me permettait d'avoir un cadre et qu'il prenne la taille d'un bloc sans risque que ça depasse et que chaque ligne ou colonne soit alignées en hauteur et largeur par rapport aux autres tableaux --> je sais pas si je suis claire.
Sinon J'ai choisis de marcher avec la 2e solution que vous avez évoqués c'est à dire les FLOAT , par contre par curiosité pouriez-vous finir votre phrase s'il vous plait "vous utiliser des float sans oublier de " je crois qu'elle est coupée .
Concernant les automatisations PHP je fais justement cela, donc les TR TD TABLE se crées de façon dynamique, mais c'est la ou je voulais en venir, si je rajoute une colonne dans une table je ne trouve pas moyen de le rentrer dans le tableau.
Car vu la quantité de données que j'affiche dans chaque case, si je fais en pourcentage, je risque d'avoir des cases trop petites ou une police trop petite.
Voila pourquoi je faisais un truc tout moche genre "1200px/ 7" pour les tableaux du haut
Et bien sur ils ne veulent pas de SCROLL ... :'(
Personne ?
Et aussi je comprends pas trop l'idee d'imbriqué des tableaux, sa va pas gener la semantique de la page ? Le js ? Que dois je surtout faire attention ?
Car ça parait compliqué ( jessaye la) dmbriqué 4 tableaux dans 1 et avec le javascript car jrecupere des valeurs ou des voyants et la tout pete :-((((
Par contre ce qui est genial c'est que ça aligne tout les tableaux .
Mercii
Et aussi je comprends pas trop l'idee d'imbriqué des tableaux, sa va pas gener la semantique de la page ? Le js ? Que dois je surtout faire attention ?
Car ça parait compliqué ( jessaye la) dmbriqué 4 tableaux dans 1 et avec le javascript car jrecupere des valeurs ou des voyants et la tout pete :-((((
Par contre ce qui est genial c'est que ça aligne tout les tableaux .
Mercii
