Tableau

Question

Bonjour
J'ai fait un petit programme avec un admin en php qui fonctionne bien pour l'instant. N'emp&#234;che qu'&#224; l'affichage, j'ai un petit probl&#232;me lorsque les r&#233;sultats s'inscrivent. 
Selon la longueur des r&#233;sultats qui s'affichent dans les cases du tableau pr&#233;vues pour les accueillir, j'ai tout mon tableau qui se d&#233;forme! Alors &#231;a fait moche comme tout car &#224; chaque demande de r&#233;sultats, le tableau s'&#233;tire ou retr&#233;cit selon ce qui s'affiche dedans.
J'ai mis une feuille de style pour afficher les r&#233;sultats en php qui doivent s'afficher dans les cases du tableau mais rien n'y fait. Et pourtant, le r&#233;sultat le plus long qui peut s'afficher et bien plus petit que la case o&#249; il va s'inscrire.
No conprendo!

nougitch · Answer

Salut Jaco !



Colle ton code afin que j'y jette un oeil stp.



@+

cs_navya · Answer

Salut, Essai de mettre dans tes balise ou si c'est bien un tableau en html un truc du style : resultat ou resultat Bien sur le poucentage peut être modifié mais ce width permet de fixer la taille des cellules par rapport au tableau général!!! Navya

cs_jaco13 · Answer

Voil&#224; mon code! C'est la page "index.php" de l'affichage.
La partie concern&#233;e est en rouge et toutes les autres cases de mon tableau recevant les r&#233;sultats sont programm&#233;es sur le m&#234;me principe et se trouvent &#224; la suite de la partie en rouge.

cs_jaco13 · Answer

Je viens de nettoyer un peu le code car j'ai remarqué que dans la partie en rouge, il y avait des en double. C'est parce que j'ai déplacé le code d'une case à l'autre et le n'a pas suivi. Je ne comprends pas trop ce que tu veux dire par resultat ou resultat Regarde mon code en rouge en haut et dis-moi si ta proposition est toujours valable? , ça veut dire tout le tableau çà? Je ne sais pas travailler avec les % dans les tableaux.

nougitch · Answer

Re, Il faudrait que tu fixes une valeur pour chacun de tes qui recevra un résultat variable. J'ai remarqué que tu faisais des indentations avec des espaces. Je te le déconseille, utilise plutôt la touche "tabulation". Si tu veux, tu peux également mettre ta "class" dans le , ainsi, au lieu d'avoir : Musique de: Tu auras : Musique de: Voilà, j'espère que ça ira, sinon, n'hésites pas à donner tes tables. @+

cs_navya · Answer

Comme dit nougitch, rajoute en plus dans son code ceci Musique de: au lieu de mettre width="37", les pourcentage sont beaucoup mieux que les pixels, ils sont plus précis!! Navya

malalam · Answer

Moi, ce que j'en dis, c'est que l'attribut width pour les <td> est deprecie...sans parler de bgcolor et autres...

Une css bien foutue ferait tres bien le travail.

cs_Anthomicro · Answer

Salut, merci pour le double post... Bref cherches du côté de la fonction wordwrap. a +

Entraide, dépannage et vulgarisation informatique: Mon site de vulgarisation informatique

cs_jaco13 · Answer

Voil&#224; mon code apr&#232;s avoir suivi vos conseils et &#231;a ne fonctionne toujours pas!
Peut-&#234;tre qu'il ne faut pas mettre 100% partout?

arnal69130 · Answer

Salut,
Pour continuer dans le sens de Malam, le mieux c'est de ne mettre que la syntaxe structurelle dans ton fichier html, et d'utiliser une css pour tout ce qui cioncerne la forme, afin d'obtenir un truc du genre : 
titre1 |
titre2 |
titre3 |

----

blablabla,
blablabla,
blablabla

et dans ton css tu mets tous les attributs sur la forme : 
.col1{ border-width:1px; color:#00FFFF; text-align:center; width:100%; background-color:#FFFFFF; ...}
etc...

Ton code sera beaucoup plus clair

Arnaud

cs_jaco13 · Answer

Bon! J'ai essay&#233; tout ce que vous m'avez conseill&#233; de faire mais malheureusement, rien ne r&#233;soud mon probl&#232;me. Mon tableau se d&#233;forme toujours selon la longueur du r&#233;sultat affich&#233;.

arnal69130 · Answer

&#231;a m'&#233;tonne !
qu'as-tu mis dans ta css ? et dans tes balises ?

cs_jaco13 · Answer

&#231;a m'&#233;tonne !
qu'as-tu mis dans ta css ? et dans tes balises ?

J'ai essay&#233; de faire comme tu m'as dit dans ton exemple mais tout se d&#233;glingue quand m&#234;me. Je n'ai certainement pas d&#251; rentrer les bonnes informations car si tu me dis que chez toi, &#231;a marche, c'est que &#231;a doit marcher.
Mon tableau n'est pas uniquement en colonnes et a des libell&#233;s en colonnes et en lignes du style:

CINEMA: r&#233;sultat         SALLE:  r&#233;sultat             PROJECTION DU: r&#233;sultat        AU: r&#233;sultat
TITRE:     r&#233;sultat 
REALIS:  r&#233;sultat                            PHOTO DE L'AFFICHE
MUSIQUE                                        DU FILM
DE:          r&#233;sultat 
ACTEUR:  r&#233;sultat 
VERSION: r&#233;sultat
RESUME:r&#233;sultat

                                                  Les horaires de la semaine
JOUR: r&#233;sultat               JOUR: r&#233;sultat                   JOUR: r&#233;sultat               JOUR: r&#233;sultat
JOUR: r&#233;sultat               JOUR: r&#233;sultat                   JOUR: r&#233;sultat

J'ai m&#234;me fait un 2&#232;me tableau r&#233;serv&#233; aux horaires de la semaine pour voir si &#231;&#224; irait mieux en mettant 2 tableaux ind&#233;pendants l'un de l'autre. Eh non! Lorsque le premier se d&#233;glingue, le 2&#233;me le suit.
Je pensais avoir des probl&#232;mes sur la programmation en PHP mais je ne m'attendais pas &#224; en avoir sur un tableau qui ne tient pas en place.
L'exemple que tu m'as donn&#233; dans ton message est un peu trop concis pour moi car je travaille toujours les css avec la boite de dialogue de la css et non dans le code directement. Cette fois-ci,en ne trouvant pas les &#233;l&#233;ments que tu m'indiquais dans la boite de dialogue de la css, je suis all&#233; faire les modif directement dans le code mais j'ai d&#251; faire des conneries. Et je ne comprends pas aussi pourquoi faut-il mettre width=100% comme tu me l'as &#233;crit en-dessous car mes libell&#233;s de la premi&#232;re ligne d'en haut n'occupent pas 100% du tableau??? On met 100% quand on veut que le libell&#233; occupe toute la largeur du tableau non?

et dans ton css tu mets tous les attributs sur la forme : 
.col1{ border-width:1px; color:#00FFFF; text-align:center; width:100%; background-color:#FFFFFF; ...}
etc...

arnal69130 · Answer

En effet, 100% c'&#233;tait un exemple.


Renvoie tout ton code (index.php et ton css)


Petite suggestion pour la route : pr&#233;f&#232;re la balise "<?php", plus compl&#232;te, explicite et standard &#224; la balise raccourcie "<?".

Arnaud

cs_jaco13 · Answer

Revoici mon code de "index.php" et apr&#232;s lui, je collerai la css.
Merci beaucoup pour l'int&#233;r&#234;t que tu portes &#224; mon probl&#232;me.

arnal69130 · Answer

Quelques remarques pour y voir plus clair : ¤ L'intérêt d'utiliser une CSS c'est de pouvoir complètement séparer le fond de la forme. Ainsi, pour plus de clareté, il faut enlever des balises html tous les attributs sur la forme (bgcolor, width, align ...)! sinon tu risque d'avoir un conflit entre les attributs de la balises et ecux de la css. Puisque tu utilises une css, enlève aussi les attribut style de tes balises et mets tout dans la css. Evite d'éparpier les info sur le style. Par exemple : Il y a des infos sur le style directement dans la balises (style='...) et dans la css à la class ".centrage". Dans ta css, si tu veux mettre des infos que sur une balise, utilise sont id : #principal {position:absolute; width:760px; height:700px; z-index:1; left: 50%; top: 50%;} ¤ Essaie de simplifier la hierarchie entre les blocs : Est-il vraiment nécessaire d'imbriquer 4 div en plus du tableau ? ¤ Ces lignes sont inutles : ¤ Remplace tous tes au lieu de . Ainsi tu pourras vérifier la validité de ta page vis à vis des standards du web définis par le W3C. ¤ Pour ton pb de dépassement des cases, as-tu essayer la fonction php trim() ? Arnaud

cs_jaco13 · Answer

J'ai besoin de cette ligne pour centrer le calque. C'est la méthode que l'on a appris en stage pour qu'un site soit toujours bien centré par rapport à l'écran et ça fonctionne très bien. Indispensable donc. La feuille de style ".centrage" et celle à adapter sur le div du dessus. Les 2 sont indissociables pour que cela fonctionne bien. Pas de problèmes là-dessus pour le moment. ¤ Essaie de simplifier la hierarchie entre les blocs : Est-il vraiment nécessaire d'imbriquer 4 div en plus du tableau ? Pas vraiment nécessaire mais j'ai appris à travailler comme çà et ça ne me perturbe pas plus que çà. ¤ Ces lignes sont inutles : Je viens d'en supprimer une des deux mais je vais mettre du javaScript dans mon site et il va donc me les falloir. ¤ Remplace tous tes au lieu de . Ainsi tu pourras vérifier la validité de ta page vis à vis des standards du web définis par le W3C Je supprime vonlontairement ces lignes à chaque ouverture de nouvelle page. C'est encore quelque chose qu'ils nous ont appris en stage car sinon il est impossible de faire F12 pour faire une visue de ce qu'on est en train de faire à l'écran si on garde ces lignes. ¤ Pour ton pb de dépassement des cases, as-tu essayer la fonction php trim() ? Non, je ne connais pas çà! Je ne sais pas trop manipuler les fonctions et je ne sais pas à quoi elle pourrait servir cette fonction? Jacques

arnal69130 · Answer

Le but de la plupart de mes conseils est pour que ton code soit plus clair, qu'il soit plus facilement "corrigeable" (par toi ou par quelqu'un d'autre ;o) ) J'ai besoin de cette ligne pour centrer le calque. C'est la méthode que l'on a appris en stage pour qu'un site soit toujours bien centré par rapport à l'écran et ça fonctionne très bien. Indispensable donc. => En fait, le "left: 50%; top: 50%;", c'est effectivement très bien pour centrer un élément sur une page, c'est le plus efficace. La seule chose que je te suggérère, c'est de mettre tout ça "position:absolute; width:760px; height:700px; z-index:1; left: 50%; top: 50%;" dans ta css, au leu de le mettre dans la balise . La feuille de style ".centrage" et celle à adapter sur le div du dessus. Les 2 sont indissociables pour que cela fonctionne bien. Pas de problèmes là-dessus pour le moment. => Attention, je pense que tu fais une confusion : Pour un même élément html, tu peux définir des attributs de mise en forme de 4 manières "différentes" : - soit directement dans la balise en utilisant des attributs de forme, par exemple Mais la plupart de ces attributs sont obsolètes. Il ne faut pas utiliser cette méthode, elle mélange la mise en forme et la structure. - soit avec l'attribut style directement dans la balise html, comme ci-dessus : , ponctuellement pourquoi pas, mais sur toute une page, il faut préférer une des 2 autres méthodes ; - soit avec une css en utilisant une class : et dans la css : .nomClasse { position:...; width... }. NB : dans la css, le nom de la class est précédé d'un point. Cette méthode permet de définir une mise en forme similaire pour plusieurs éléments. Par exemple : CSS : .caseRouge { background-color:red; color:white; } HTML : blabla, blablabla, blabla - soit avec une css en utilisant un identifiant. C'est presque cmme avec une class, sauf qu'un idententifiant est unique (un id = un et un seul élément) et que dans la css le nom de l'id est précédé d'un dièse. Par exemple : CSS : #premiereCase { color:blue; } #deuxiemeCase { color:green; } HTML : blabla, blablabla Donc, lorsque tu écris le style de la css qui s'applique est celui de .centrage{} et celui de #principal{}. A contrario, lorsque tu écris le style de la css qui s'applique est celui de #centrage{} (qui n'existe pas), mais pas celui de .centrage ! ¤ Essaie de simplifier la hierarchie entre les blocs : Est-il vraiment nécessaire d'imbriquer 4 div en plus du tableau ? Pas vraiment nécessaire mais j'ai appris à travailler comme çà et ça ne me perturbe pas plus que çà. =>En fait, plus tu imbriques d'éléments, plus il sera difficile de mettre la page en forme. La plupart du temps, tu peux tout à fait te passer d'imbrication ! Tu gagneras encore en clarté. ¤ Ces lignes sont inutles : Je viens d'en supprimer une des deux mais je vais mettre du javaScript dans mon site et il va donc me les falloir. >En fait, ce sont des balises. Le seul intérêt est de définir le langage de ce qui est entre la balise d'ouverture () et la balise de fermeture (). Dans ton cas il n'y a rien, donc c'est totallement inutile ! Si ton site contient du javascript, tu ouvres une balise juste avant d'écrire ton script js, et tu la refermes juste après. Pas besoin de "déclaration" au début de la page. Pour être exact, la balise est . Tu peux aussi mettre tout ton code javascript dans un fichier séparé, à ce moment là, tu l'appeleras ainsi, dans ton head : ¤ Remplace tous tes Super ;o) Accorde ta page à un DTD, par exemple au lieu de . Ainsi tu pourras vérifier la validité de ta page vis à vis des standards du web définis par le W3C Je supprime vonlontairement ces lignes à chaque ouverture de nouvelle page. C'est encore quelque chose qu'ils nous ont appris en stage car sinon il est impossible de faire F12 pour faire une visue de ce qu'on est en train de faire à l'écran si on garde ces lignes. => faire F12 ? où ça ? Le but de ces lignes est de permettre au navigateur de vérifier que la page est conforme aux normes. Je sais pas avec quoi tu développe, mais ça m'étonne que les normes ne soit pas supportées ! Lorsque tu as fini une page, le bon réflexe est de vérifier qu'elle est valide sur http://validator.w3.org/ ¤ Pour ton pb de dépassement des cases, as-tu essayer la fonction php trim() ? Non, je ne connais pas çà! Je ne sais pas trop manipuler les fonctions et je ne sais pas à quoi elle pourrait servir cette fonction? =>http://www.php.net/manual/fr/function.trim.php, je vais pas non plus tout te faire ;o) Arnaud

cs_jaco13 · Answer

Bon! Laissons tomber! Sans vouloir t'offusquer, tes conseils sont sans do&#251;te tr&#232;s pr&#233;cieux et je les appliquerai &#224; un autre moment que maintenant car pour l'instant, mon soucis est plut&#244;t port&#233; sur mon tableau qui se d&#233;forme &#224; chaque nouveau r&#233;sultat de php et non pas sur la remise en question de tout ce que j'ai appris jusqu'&#224; aujourd'hui. 
Bien que  tous ces conseils soient sans do&#251;te indispensables pour engendrer un super fonctionnement du site, mes scripts ont toujours bien march&#233; comme ils &#233;taient programm&#233;s au niveau des div et compagnie et l&#224;,  je reste toujours sans r&#233;ponse &#224; la seule question qui int&#233;ressait finalement mon probl&#232;me.
Tu rentres dans des d&#233;tails qui sont sans do&#251;te tr&#232;s importants mais qui ne me sont pas primordiaux pour l'instant. Tu sais bien que la programmation est une chose tr&#232;s difficile. J'ai trouv&#233; un petit fil conducteur pour arriver &#224; peu pr&#232;s &#224; chaque fois &#224; mes fins et il faut bien comprendre que je ne peux pas me permettre de remettre en question toutes mes connaissances m&#234;me si elles ne sont pas tip-top.
J'avais plus besoin d'une solution finalement que de conseils et j'aurai adopt&#233; la m&#233;thode de moi-m&#234;me pour mes autres sites.
Tu sais, je pense que si quelqu'un pose une question sur un forum, c'est qu'il a d&#233;j&#224; tourn&#233; autour du pot pendant un bon moment. Je ne d&#233;sirai pas qu'on d&#233;cortique les balises de mon code ou de mon javascript, je voulais une solution pour mon tableau et si mon tableau s'&#233;tait mis &#224; fonctionner, l&#224; j'aurai pu ensuite me pencher sur mes autres lacunes mais pas avant.
Merci beaucoup quand m&#234;me pour ton concours et pour l'attention que tu as port&#233;e &#224; ma demande. Tu es un gar&#231;on  tr&#232;s d&#233;vou&#233;, tr&#232;s serviable et sans do&#251;te tr&#232;s dou&#233;.
Jacques

arnal69130 · Answer

Merci Jacques pour tes compliments. Je ne voulais pas te d&#233;courager (au contraire). Tout ce que tu as fait est tr&#232;s bien, en dehors des 2 ou 3 points que je t'ai montr&#233;. En fait je reste convaincu que la solution &#224; ton probl&#232;me se trouve dans ces conseils. Tu sais, je pense qu'en une ou 2 heures maxi tu peux r&#233;ussir &#224; les appliquer &#224; ta page, plut&#244;t que de continuer &#224; coder de travers. Quant &#224; te donner une solution toute faite, cela aurait &#233;t&#233; plus facile si tu avais eu du code propre ;o). 
Tant pis.

Bonne continuation.
Arnaud

Tableau

20 réponses

Votre réponse

Discussions similaires