Community « Le forum « Machine à café «

[réglé] Questions de rendu visuel (css, template, skin)

SELECT * FROM yacs_images AS images WHERE (images.id = =604)
1064: You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near '=604)' at line 1

Je poste ici, parce que je sais pas trop dans quelle catégorie mettre cette question...

Voilà, je travaille à modifier mon css pour créer mon style propre.

Je suis partie de skeleton.

J'ai un problème ave la "taille" de mes écrans, et j'arrive pas à trouver où intervenir : le side_panel est composé selon les écrans de plusieurs boites extra, et la colonne est plus longue que le main_panel : du coup, les boites descendent en dessous du footer. Ca ne me paraît pas très normal, j'ai du rater quelque chose... mais quoi ?

Par ailleurs, j'ai un autre problème avec les boites extra : parfois certains liens de boites extra sont "incliquables" quand on est sur une page. Il suffit d'être sur une autre pour que tout fonctionne correctement.

J'ai eu ce cas avec "voir aussi" où il est impossible d'accéder au lien "associer des catégorie", ou encore la boite de login où l'on ne peut entrer dans la zone "utilisateur".

Ce comportement anormal est erratique : ni systématique, ni toujours au même endroit.

Quelqu'un a une ou des idées ?

Page bottom

Agnès from le Grésivaudan (grenoble-chambéry) Associate, 2241 posts	on May 25 2006 Bon, j'avance un peu - mais peu quand même. Le problème de la zone de texte non cliquable se précise : il s'agit en fait d'une mauvaise identification de la zone. Je sais pas trop comment expliquer cela. Quand on arrive sur une zone de texte à saisir, le pointeur de la souris change d'apparence : de flèche vers un tiret droit. Or parfois, ce changement ne se fait pas. C'est là qu'on peut pas cliquer. Parfois, il suffit de déplacer très légèrement la souris pour que tout rentre dans l'ordre. Pas pu voir avec le lien "catégories" parce que j'ai pas reproduit l'erreur aujourd'hui. 100/1 que ça n'a strictement rien à voir avec yacs. Mais ça reste une supposition. Pour le reste, j'en suis toujours au même point. Agnès Il n'y a pas de problème, que des solutions.
GnapZ from Caribbean 2970 posts	inspired from Agnès on May 25 2006 Agnès : 100/1 que ça a quelque chose à voir avec le CSS. Une zone avec un curseur "I" est une zone de texte. Une zone avec un curseur "Flèche" est une image. Il doit y avoir un règlage de marges (margin) ou d'espacements (padding) en rapport avec la zone en question. La marge prévue à la zone est trop large et déborde sur la zone texte d'à côté. Mais j'y connais rien au CSS (j'ai même beaucoup de mal avec cette bête là, surout avec la syntaxe de ces margin, padding, etc). C'était une supposition ... au cas où j'ai du bol.
Agnès from le Grésivaudan (grenoble-chambéry) Associate, 2241 posts	inspired from GnapZ on May 26 2006 GnapZ : J'ai regardé le css, et je reste perplexe : les définitions pour margin et padding sont les mêmes pour toutes les boites, et certaines fonctionnent, d'autre pas, ou encore ça fonctionne des fois et d'autres non, peu importe l'endroit, le lien en question... Bref, totalement erratique comme truc. J'ai fait [file=136] avec wink (pas beau mais explicite) pour montrer le pb. Par exemple, ce que j'ai capturé aujourd'hui, je l'avais pas hier. Ni ce matin d'ailleurs. Mais quel est ce mystère ?? Agnès Il n'y a pas de problèmes, que des solutions.
Bernard from nearby-an-airport Associate, 7053 posts	on May 27 2006 Jamais vu ça désolé. Même comportement avec un navigateur différent ?
Nicolas CJ from France 3 posts	on May 27 2006 Bonsoir, Je ne suis pas un as en CSS, mais si ça peut aider : En ce qui concerne les colonnes de tailles différentes : http://batraciens.net/css-astuces/3-colonnes-adaptables-1.htm http://batraciens.net/css-astuces/3-colonnes-adaptables-2.htm http://batraciens.net/css-astuces/3-colonnes-adaptables-3.htm Pour le margin, padding etc http://www.ilovejackdaniels.com/design/box-model/ Sur le même site, il y a également des trucs sur le problèmes des colonnes de taille inégales, mais je n'arrive pas à les retrouver. La fatigue sans doute. Nicolas CJ
GnapZ from Caribbean 2970 posts	inspired from Nicolas CJ on May 28 2006 Nicolas CJ : Merci pour ces liens, ils sont très intéressants car on y trouve beaucoup de choses expliquées simplement.
Agnès from le Grésivaudan (grenoble-chambéry) Associate, 2241 posts	inspired from Bernard on May 28 2006 Bernard : Oui, même type de comportement avec IE (bon c'est peut-être pas la meilleure référence, mais il est encore un peu utilisé çui-là ). Plus sérieusement, même souci donc, et pas au mêmes endroits ! je viens de faire le test avec la même page sous Firefox et IE, c'est pas les mêmes liens qui font grève. Bon, allez, je vais pas pleurer, hein ? Demain, je recommence. Surtout que IE n'en fait qu'à sa tête avec mes skins, la vache. Y'a du boulot ! Agnès Il n'y a pas de problèmes, que des solutions.
Agnès from le Grésivaudan (grenoble-chambéry) Associate, 2241 posts	inspired from Nicolas CJ on May 28 2006 Nicolas CJ : à mon tour, merci pour ces liens. je m'en vais les éplucher... et je reviendrais ! Agnès Il n'y a pas de problèmes, que des solutions.
GnapZ from Caribbean 2970 posts	inspired from Agnès on May 29 2006 Agnès : C'est pas une vache, c'est un Yack, bon ok []-->
Agnès from le Grésivaudan (grenoble-chambéry) Associate, 2241 posts	inspired from GnapZ on May 30 2006 GnapZ : I.E. ? je dirais plutôt un veau, mais... []--> aussi. Agnès Il n'y a pas de problèmes, que des solutions.
Agnès from le Grésivaudan (grenoble-chambéry) Associate, 2241 posts	inspired from Bernard on May 31 2006 Bernard : Je viens de remarquer quelque chose qui doit pouvoir aider dans le problème des zones non cliquables : elles sont systématiquement à la hauteur du footer - lequel, pour je ne sais quelle raison n'est pas en bas de l'écran mais en fin d'article. Quand l'article est court, les boites de côté descendent bien en dessous. Et ce sont les liens qui sont à la hauteur du footer qui font grève. Aurions-nous modifié quelque chose dans le css qui pourrait provoquer un tel problème ? Agnès Il n'y a pas de problèmes, que des solutions.
Agnès from le Grésivaudan (grenoble-chambéry) Associate, 2241 posts	on June 2 2006 Agnès : J'avance à petits pas dans ce problème, mais en fermant les yeux ! Je sais pas ce que j'ai fait, mais mon problème des zones non cliquables en face du footer semble avoir disparu. Mais j'en ai un autre qui l'a remplacé ! Et oui, ça serait trop beau ! (je pense pas que ce soit lié en tout cas). Mes onglets en haut à droite sont devenu inaccessibles subitement, sous Firefox. Pourtant aucun pb sous IE (j'vous jure, c'est pas du jeu). Avec webdevelopper, sous FF, je me rends compte qu'un div est créé dans le main_panel pour le titre de l'article de couv, ou, si j'ai pas le titre d'affiché, pour l'intro. Jusque là, ça paraît normal. Là où ça l'est plus du tout, c'est que ce div monte jusqu'en haut de ma page ! :o Du coup il passe devant tout le monde, ce Faut faire quoi pour lui dire de rester à sa place ? Et pourquoi pas sous IE d'abord ? Quelqu'un a une idée ? Je me rappelle pas avoir modifié quoi que ce soit d'autre que des couleurs, des images de fond et des tailles de texte moi, pas plus... PS : la base, c'est du skeleton Bon, merci aux bonnes âmes qui m'aiderons à retrouver mes onglets sous FF, je vais me faire une teinture en attendant : me fait trop de ch'veux blancs en c'moment... Bon, d'accord je... mais merci pour les réponses quand même ! [image==604] Agnès Il n'y a pas de problèmes, que des solutions.
GnapZ from Caribbean 2970 posts	on June 2 2006 En regardant vite fait, les onglets sont des LI dans un UL, lui-même dans le Header_Panel. Ensuite, du dois avoir le DIV_Wrapper et ensuite le DIV_Main_Panel. La séparation Header_Panel - Main_Panel se fait par le Wrapper. Envoies ton CSS, j'y jetterai un oeil ce soir.
Tof from Grenoble-Chambery 554 posts	inspired from GnapZ on June 2 2006 GnapZ : Ben comme j'ai dit à Agnès... le problème des onglets sera résolu quand j'aurai tout mis en float (scusi, j'cause css) et que j'oublierai pas que ces :"@! de tabs ne sont pas dans le header dans mon css et qu'il faut les mettre en float aussi. ce que j'avais commencé à faire l'autre jour mais le side panel virait à droite (après les tabs - faute à l'oubli précédemment expliqué). Bref, je suis pas clair ce soir dans mes explications, mais Agnès, bouge pas ça sera bon dans 10 minutes. Tof
GnapZ from Caribbean 2970 posts	inspired from Tof on June 2 2006 Tof : Ok, donc bouge pas Agnès, Tof va te faire un float ... :D
Tof from Grenoble-Chambery 554 posts	on June 2 2006 GnapZ : dès que j'aurai rattrapé mon retard dans les forums... en plus ce soir Agnès à part un float elle veut rien que j'lui fasse Tof
Agnès from le Grésivaudan (grenoble-chambéry) Associate, 2241 posts	on June 2 2006 GnapZ : Ben ça... Promis, je bouge pas :D Et puis SI ça marche, et quand j'aurais compris, je me colle un chantier sur les skins... avec un coup de main, bien sûr parce que bon, j'apprends vite, mais faut m'expliquer longtemps... Agnès Il n'y a pas de problèmes, que des solutions.
GnapZ from Caribbean 2970 posts	inspired from Agnès on June 2 2006 Agnès : Donc cela semble réglé d'après les modifs de Tof. A prtir du moment où l'on commenceà à modifier son propre skin, c'est difficile de vous aider sans en avoir une copie. La prochaine fois, balances-là sur mon site de test, on regardera plus facilement. Si tu arrives à faire une doc explicative là dessus, ce sera certainement très utile, merci.
Agnès from le Grésivaudan (grenoble-chambéry) Associate, 2241 posts	inspired from GnapZ on June 7 2006 GnapZ : Bon, ça y est, tout est enfin réglé et fonctionne. Grâce aux efforts de Tof, et mes "cours" accélérés de css et autres html, qui font que maintenant, au moins, je comprends ce qu'il fait . Plus sérieusement, j'arrive même à mes fins, c'est beaucoup. Pour la doc, je sais pas du tout comment m'y prendre, mais y'a un chantier à mettre en route, c'est sûr, et je vais le mettre en route, précisément. en attendant, ici, c'est réglé ! Agnès Il n'y a pas de problèmes, que des solutions.

19 comments