| Problème d'affichage du forum (à archiver) | |
|
GINGERBREAD.
{ Membre }
Messages : 60
| Bonjour, bonsoir et merci à celui ou celle qui me sortira de ma tourmente Je pense que je suis pas la seule mais la largeur de mon forum est toujours (même sur l'index) plus large que mon header. J'ai déjà changé le pourcentage dans le panneau mais rien à faire. Du coup, j'ai cherché un code et j'ai trouvé celui-ci. - Code:
-
.bodylinewidth { width: 50%; max-width: 700px; } Dans un premier temps, je me dis qu'il marche pas mais ma camarade me dit qu'il marche. La preuve en screen : https://2img.net/r/hpimg15/pics/858061Capturedu20130921211902.png Sachant qu'elle est sur mozilla et moi sur chrome. Je pense qu'il faut du coup optimisé le code pour chrome mais j'ai essayé et je n'y arrive malheureusement pas. Quelqu'un peut m'aider ? |
Dernière édition par GINGERBREAD. le Dim 06 Oct 2013, 06:40, édité 1 fois | |
|
| |
Nihil
{ Modérateur }
Messages : 1216
| D'après différents test avec l'inspecteur d'élément, j'ai l'impression que le problème vient de la suite du contenu ^^'
Est ce que si tu remplaces du coup car une image plus grande (730px de large) cela touche les bords ou non sur Chrome ? (exemple d'image si tu as la flemme d'en faire une http://lorempixel.com/730/400/)
Pourquoi je demande ça ? Car j'ai l'impression le problème vient du fait que #page-body sois trop large O_O. Mozilla Firefox et Google Chrome ne gère malheureusement pas de la même manière les codes, et un bug que Firefox règle peut ne pas être réglé par Chrome -_- | | |
|
| |
GINGERBREAD.
{ Membre }
Messages : 60
| En augmentant la taille de l'header en effet ça marche, j'avais déjà testé mais je voulais tout de même savoir s'il n'y avait pas un autre moyen pour y parvenir sur chrome | | |
|
| |
Nihil
{ Modérateur }
Messages : 1216
| Alors, je ne sais pas encore où, mais il y a quelque chose dans ton page-body de trop large. Tu peux faire le test, si tu mets dans ton css, cela va faire dépasser certains éléments - Code:
-
#page-body { width: 700px; } Pour l'instant j'ai pas de solution à te donner pour l'instant, je suis désolée >o<. | | |
|
| |
GINGERBREAD.
{ Membre }
Messages : 60
| Oh gosh je viens de tester et je dois avoir un sérieux problème dans le codage des catégories parce que ça me fait ça https://i.servimg.com/u/f74/12/70/25/47/sans_t12.jpg est-ce que tu pourrais m'aider pour régler ce problème ? surtout que je voulais en plus ajouter une image pour le haut et le bas des catégories et que j'ai un peu peur d'y toucher maintenant | | |
|
| |
Nihil
{ Modérateur }
Messages : 1216
| En fait, je suis pas sûre que ça vienne de ton codage, car ça fait le même problème pour la page "Membre" ou encore "Groupe"... Si c'était juste tes catégories, à la rigueur je pourrai trouver, mais là je sais pas du tout d'où ça vient... >o<
Éventuellement, c'est peut être quelque chose de ton css... Essaye en enlevant tout sauf la partie pour que ça fasse 700px ^^ ? Comme ça on saura si ça vient de quelque chose de toi ou bien autre chose :S | | |
|
| |
GINGERBREAD.
{ Membre }
Messages : 60
| Ça me le fait toujours même en enlevant tout le css sauf pour les 700px. J'ai testé en enlevant tout le codage (templates/css) pour voir et c'est pareil. Du coup y a aucun moyen de le régler ? Si je créais un autre forum j'aurais strictement le même problème ? | | |
|
| |
Nihil
{ Modérateur }
Messages : 1216
| Je viens de faire un test sur mon forum, en mettant ton image comme bannière, en définissant dans la panneau d'admin la largeur à 700px, et en mettant dans le css : - Code:
-
td.bodyline{ padding: 0; } Sur Firefox ça marche très bien, mais sur Chrome toujours ces 30px de trop... Je ne sais pas d'où ils viennent... Désolée | | |
|
| |
GINGERBREAD.
{ Membre }
Messages : 60
| C'est pas grave, merci d'avoir essayé ! En tout cas, j'ai créer un nouveau forum curieuse de voir si j'aurais le même problème et pas du tout ! La preuve toujours avec un header de 700px et avec la pa que j'avais faite. Par contre si tu as le temps, j'aimerais te poser une autre question. Comme j'avais prévu du coup, j'ai essayé de mettre des images de fond de catégories en haut et en bas et OH MIRACLE ! Ça marche ! Mais j'aimerais enlever cette barre de catégorie qui je trouve nuit un peu à l'esthétique tout en gardant un titre codé. Je sais pas du tout si tu vois ce que je veux dire mais par exemple comme ici et je dois avouer que là, je sais vraiment pas comment faire Edit; ah je viens de voir que en fait les images ne se mettent pas à chaque fois au-dessus et en-dessous de chaque catégorie | | |
|
| |
Nihil
{ Modérateur }
Messages : 1216
| Pour le nouveau forum, tu es sûre du lien ^^ ? Car, chez moi le forum est vraiment large ^^' screen
Pour le template que tu m'as donné, je suis un peu embrouillée, c'est celui sur quel forum ?
Je pense que non, car le code est différent de celui dans le template ^^' Edit : Ah, c'est le code du template sur le forum test que tu as créé hier ? J'suis bête x)
Par contre ça a l'air de bien s'afficher sans problème les images ^^'... Tu voudrais que ce soit pour chaque catégorie plutôt que pour tout d'un coup, c'est ça ? | | |
|
| |
GINGERBREAD.
{ Membre }
Messages : 60
| C'est bizarre, chez moi ça marche super bien https://i.servimg.com/u/f74/12/70/25/47/sans_t13.jpg Tu es sur mozilla ? Oui c'est le code du forum que j'ai créer nouvellement >< Désolé si je t'ai embrouillée J'aimerais que ça s'affiche pour chaque catégorie. Et j'ai cette barre avec le titre de catégorie que j'aimerais enlevé le problème c'est que si je l'enlève, je peux plus mettre de titre codé | | |
|
| |
Nihil
{ Modérateur }
Messages : 1216
| - GINGERBREAD. a écrit:
- C'est bizarre, chez moi ça marche super bien https://i.servimg.com/u/f74/12/70/25/47/sans_t13.jpg Tu es sur mozilla ?
Sur le forum que tu viens de créer, je confirme, que ce soit sur Chrome ou Firefox (j'ai la toute dernière version), l'affichage est comme sur la screen que je t'ai montrée :S Tu as défini la largeur de ton forum en pourcentage, non ? Si oui, ça explique le problème. En effet, j'ai une résolution assez haute (1920 * 1080) du coup, 50% de mon écran ne représente pas 50 de ton écran Alors en fait, tu as mis ton code dans cette partie là : - Code:
-
<!-- BEGIN tablehead --><img src="http://i41.servimg.com/u/f41/16/11/46/37/kap0hq10.png" alt="" height="199" width="100%" /><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <!-- END tablehead --> Ce qui est dans "tablehead" correspond au tout début de l'affichage, et n'apparait qu'une seule fois quand tu choisis "Conserver les catégories sur l'index" (Affichage > Page d'accueil > Structure et hiérarchie > Niveau de compression de l'index). (tout comme tablefoot n'apparaîtra qu'une seule fois). Pour le faire, je te conseille de choisir plutôt "Séparer les catégories". Par contre, cela va t'obliger à retravailler ton code ! En fait, quand tu choisis "Conserver les catégories sur l'index", tout est dans une seule balise table. Si tu choisis de séparer, il y a une balise tablepour chaque catégorie. Comme tu as déjà fait des modifications sur ton template, cela risque de créer quelques bugs, et t'obliger à le reprendre pas mal :s Si tu ne souhaites pas le faire, tu auras aussi un peu de travail pour manier ton code. Le principe : - Code:
-
<!-- BEGIN cathead --> <tr> <!-- BEGIN inc --> <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td> <!-- END inc --> <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%"> <h{catrow.cathead.LEVEL} class="hierarchy"> <span class="cattitle"> <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a> </span> </h{catrow.cathead.LEVEL}> </td> <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td> </tr> <!-- END cathead --> Mettre tout le code dans une seule td (donc il faut gérer les colspan). Pourquoi ? Pour ne plus avoir la border. Changer la class de la td, pour mettre une class à toi. Ensuite dans le css, tu mets un background de couleur #FFFFE0, et tu mets ton image en background-image Mais autour tu garderas une vieille bordure toute moche Il me semble qu'il y avait un tuto sur CSS Actif pour comment faire pour mettre une image avant et après les catégories ^^ | | |
|
| |
GINGERBREAD.
{ Membre }
Messages : 60
| Désolé pour le temps de réponse, j'ai fais quelques essais de mon côté pour voir et j'avoue avoir mis du temps à comprendre ton dernier poste. Je me suis un peu emmêlée les pinceaux Finalement, nous avons décidé de pour l'instant pas s'aventurer dans le codage des catégories comme on recommence tout depuis le début et j'ai effectivement trouver le tuto concernant les images dans les caté comme tu l'as dit. J’essayerais en me basant sur celui-ci Merci d'avoir pris de ton temps | | |
|
| |
Nihil
{ Modérateur }
Messages : 1216
| Pas de problème, je comprends que mes explications puissent être un peu compliquées xD. Bon courage pour ton forum ! | | |
|
| |
Contenu sponsorisé
| |
| |
| Problème d'affichage du forum (à archiver) | |
|