Sujets similaires

Sujet: Problème d'affichage [PROBLÈME RÉSOLU] Sam 21 Sep 2013, 18:21

Bonjour! J'aurais besoin d'aide pour régler un problème très agaçant sur mon forum s'il-vous-plait. Sur la page d'accueil, une erreur du codage fait en sorte que les panneaux des forums se rangent tous vers la droite, mais seulement sur Google Chrome, Internet Explorer et même sur mon internet de cellulaire. La seule exception reste FireFox. Je trouve par contre cela dommage de simplement devoir demander aux gens d'utiliser firefox.. J'aimerais donc régler ce problème. Voici mon forum: http://adariel.forumactif.com/

De quels codages auriez-vous besoin pour découvrir le problème?^^

Sincèrement,
Scarlet.

Sujet: Re: Problème d'affichage [PROBLÈME RÉSOLU] Sam 21 Sep 2013, 18:44

Salut,

Juste une petite question au préalable, dans Panneau d'administration > Général > Forum > Configuration, quelle est la valeur pour "Largeur du forum (nombre ou %)" ?

Si la valeur est différente de celle que tu veux, peux tu changer pour mettre la bonne valeur (en pixel) ?

C'est tout bête, mais parfois cela règle le problème Razz

Sujet: Re: Problème d'affichage [PROBLÈME RÉSOLU] Sam 21 Sep 2013, 19:12

Non ça n'est pas le problème j'ai essayé

Sujet: Re: Problème d'affichage [PROBLÈME RÉSOLU] Sam 21 Sep 2013, 19:55

Méthode pour identifier un peu mieux le problème :

Si tu effaces le contenu de la page d'accueil, le problème est il toujours là ? Si non, peut tu me donner le code de la PA ?

Si tu remets par défaut la valeur de index_body, est ce que le problème est toujours là ? S'il disparaît est ce que tu peux me donner le code d'index_body ?

Si rien de tout ça n'a fait partir le problème, peut tu me passer le code la PA + index_body + index_box + le css qui correspond, je vais mettre sur mon forum test pour essayer de reproduire le problème ^^

Sujet: Re: Problème d'affichage [PROBLÈME RÉSOLU] Dim 22 Sep 2013, 15:45

Donc j'ai essayé les deux et le problème est clairement dans le codage de la PA. Dès que je l'ai retiré, le problème a disparût. Voici donc le code:

Code:: <div style="background-image:url('http://imageshack.us/a/img707/8909/dn7j.png');</div><div style=" background-color:="" #;border:="" 1px="" solid="" #;="" width:="" 99%;"=""><br><div class="titrepa">Bienvenue sur {FORUMNAME}, {USERNAME} !</div><br><div class="barre1"></div>
<br><div class="navigation"><a href="http://adariel.forumactif.com/t1-le-reglement">Règlement</a> ◆ <a href="http://adariel.forumactif.com/t7-l-histoire-d-adariel">Histoire</a> ◆ <a href="http://adariel.forumactif.com/t8-les-races-et-leurs-hierarchies">Races</a> ◆ <a href="http://adariel.forumactif.com/t78-la-carte-du-monde">Carte du monde</a> ◆ <a href="http://adariel.forumactif.com/f47-partenariat">Partenariat</a></div>
<br><table width="100%"><tbody><tr><td width="30%"><div style="border: 2px solid tan; margin: 5px; padding: 5px; height: 180px;"><div class="titretable">Nouveautés et annonces</div><div class="barre" :="" 1px="" solid="" tan;=""></div><br><div class="news">▶ Félicitation à Urr'hean qui a rejoint l'équipe du Staff.
<br><br>
▶ Discussion sur de possibles events en cours. Venez partager vos idées avec nous ! <a href="http://adariel.forumactif.com/t265-events">ICI</a>.
</div></div>
<br><div style="border: 2px solid tan; margin: 5px; padding: 5px; height: 220px;"><div class="titretable">Staff</div><div class="barre"></div><br><div class="infobulle" style="padding-left: 25px;">
</div><table><tbody><tr><td width="30%"><center><div class="infobulle">
<img src="http://imageshack.us/a/img5/4078/6f7z.png" class="opacite">
<div><div class="infobubulle">Ezëkielle Lossëhelin, ADMIN</div>
<a href="http://adariel.forumactif.com/privmsg?mode=post&u=75">MP</a> ◆ <a href="http://adariel.forumactif.com/t282-ezekielle-lossehelin">Fiche</a>
</div>
</div></center></td><td width="30%"><center><div class="infobulle">
<img src="http://imageshack.us/a/img11/332/31ws.png" class="opacite">
<div><div class="infobubulle">Lókë Almárëa, ADMIN</div>
<a href="http://adariel.forumactif.com/privmsg?mode=post&u=2">MP</a> ◆ <a href="http://adariel.forumactif.com/t84-loke-almarea">Fiche</a>
</div>
</div></center></td><td width="30%"><center><div class="infobulle">
<img src="http://imageshack.us/a/img28/5292/zrmw.png" class="opacite">
<div><div class="infobubulle">Doylana Katell, ADMIN</div>
<a href="http://adariel.forumactif.com/privmsg?mode=post&u=8">MP</a> ◆ <a href="http://adariel.forumactif.com/t82-doylana-katell">Fiche</a>
</div>
</div></center></td><td width="30%"><center><div class="infobulle">
<img src="http://imageshack.us/a/img547/8595/depb.png" class="opacite">
<div>
<div class="infobubulle">Kaëran Eira, ADMIN</div>
<a href="http://adariel.forumactif.com/privmsg?mode=post&u=16">MP</a> ◆ <a href="http://adariel.forumactif.com/t100-kaeran-eira">Fiche</a>
</div>
</div></center></td><td width="30%"><center><div class="infobulle">
<img src="http://imageshack.us/a/img841/1251/um1w.png" class="opacite"><br>
<div><div class="infobubulle">Ellana Stark, MODO</div>
<a href="http://adariel.forumactif.com/privmsg?mode=post&u=17">MP</a> ◆ <a href="http://adariel.forumactif.com/t101-ellana-stark-termine">Fiche</a>
</div>
</div></center></td><td width="30%"><center><div class="infobulle">
<img src="http://imageshack.us/a/img600/6139/io63.png" class="opacite">
<div>
<div class="infobubulle">Urr'hean, MODO</div>
<a href="http://adariel.forumactif.com/privmsg?mode=post&u=45">MP</a> ◆ <a href="http://adariel.forumactif.com/t159-urr-hean-patte-ecarlate">Fiche</a>
</div>
</div></center></td>

</tr></tbody></table></div></td><td width="30%"><div style="border: 2px solid tan; margin: 5px; padding: 5px;height: 436px;"><div class="titretable">Contexte</div><div class="barre"></div><br><div class="contexte">Alors que les terres d’Adariel connaissent la paix depuis plusieurs décennies, une nouvelle menace se profile à l’horizon. Des rumeurs égayent les discussions dans les tavernes, voguant de marchands en voyageurs. Une guerre? Il semblerait. À l’heure où je vous parle, des alliances sont en train de se forger. Les différentes races cherchent à assurer leur protection, alors que d’autres cherchent à jeter de l’huile sur le feu pour attiser la colère des Dieux et faire venir l’enfer.
<br><br>
L’équilibre de la paix est désormais bien fragile et le peuple humain est la principale menace. Les rangs sont resserrés. La méfiance règne. Les trahisons apparaissent.
<br><br>
Qu’en est-il de l’avenir d’Adariel?
<br>
C’est à vous de le sculpter, voyageur.</div></div></td><td width="30%"><div style="border: 2px solid tan; margin: 5px; padding: 5px; height: 180px;"><div class="titretable">Top sites</div><div class="barre"></div><br><center>
<a href="http://www.root-top.com/topsite/melu/in.php?ID=3718"><img src="http://imageshack.us/a/img7/7237/kcka.png"></a>
<a href="http://www.root-top.com/topsite/heroicfantasy/in.php?ID=1431"><img src="http://imageshack.us/a/img96/9458/6yqz.png"></a><br>
<a href="http://www.root-top.com/topsite/niviel/in.php?ID=909"><img src="http://imageshack.us/a/img41/2986/su3e.png"></a>
<a href="http://www.root-top.com/topsite/laurannebp/in.php?ID=134"><img src="http://imageshack.us/a/img849/2038/2lbf.png"></a></center><br>
<br></div>

<br><div style="border: 2px solid tan; margin: 5px; padding: 5px; height: 220px;"><div class="titretable">Crédits</div><div class="barre"></div>
<br><div class="news">◆ Contexte par Adariel<br>◆ Design par Kaëran Eira <br>◆ Template de base par Younaka et Madouce d' <a href="http://epicode.bbactif.com/">Epicode</a>, modifié par Kaëran Eira<br>◆ Toute reproduction partielle ou entière est strictement interdite.</div></div></td></tr></tbody></table>
<br>
<br><div style="border: 2px solid tan; margin: 5px; padding: 5px; height: 110px;"><div class="titretable">Partenaires</div><div class="barre"></div>
<br><marquee behavior="scroll"><center>
<a href="http://aiklando.heavenforum.org/"><img src="http://img11.hostingpics.net/pics/847886logotaille1.jpg"></a>
<a href="http://leroyaumedejakar.forumgratuit.org/"><img src="http://img37.imageshack.us/img37/4373/cpw.png"></a>
<a href="http://royaumes-emeraude.forumsactifs.net/"><img src="http://i47.servimg.com/u/f47/10/07/77/17/logo-r11.png"></a>
<a href="http://eleris.forumgratuit.org/"><img src="http://img15.hostingpics.net/pics/50448810035.jpg"></a>
<a href="http://fantasmagorie.forumactif.org/"><img src="http://i47.servimg.com/u/f47/11/17/76/43/bout210.jpg"></a>
<a href="http://madelle.1fr1.net/"><img src="http://img11.hostingpics.net/pics/757633521579bouton.png">
</a><a href="http://arcaellev3.lebonforum.com/forum"><img src="http://nsa30.casimages.com/img/2012/10/02/12100208182035560.png"></a>
<a href="http://nerye.forumactif.org/forum"><img src="http://i37.servimg.com/u/f37/17/88/74/82/part210.png"></a>
<a href="http://valhistar.forumgratuit.fr/"><img src="http://i1235.photobucket.com/albums/ff439/Ervael/valhistar/valhistar2_100x35.jpg"></a>
<a href="http://les4royaumes.forumperso.com/"><img src="http://img15.hostingpics.net/pics/988039bann88313.png"></a>
<a href="http://au-fil-de-la-plume.forumactif.org/"><img src="http://img268.imageshack.us/img268/6076/0hzw.png"></a>
<a href="http://adrietha-rpg.forumactif.org/"><img src="http://img4.hostingpics.net/pics/8456708831.png"></a>
<a href="http://vampiredarkages.forumactif.org/"><img src="http://img11.hostingpics.net/pics/256485568485100x35.jpg"></a>
</center></marquee>

<br><center><a href="http://adariel.forumactif.com/f89-fiches-de-nos-partenaires">Nos partenaires</a> - <a href="http://adariel.forumactif.com/t269-demande-de-partenariat#3319">Devenir partenaire</a> - <a href="http://adariel.forumactif.com/t76-notre-fiche-et-nos-boutons">Nos logos</a><br><br></center>

</div></div>

Sujet: Re: Problème d'affichage [PROBLÈME RÉSOLU] Dim 22 Sep 2013, 16:13

Oups, tu as du être un peu étourdie quand tu as fait ton code, il y a des trucs bizarres ^^'

Exemple

Code:: <div style="background-image:url('http://imageshack.us/a/img707/8909/dn7j.png');</div>

L'ouverture de ta balise a un problème, il faut penser à fermer le style que tu as ouvert Wink

Code:: <div style="background-image:url('http://imageshack.us/a/img707/8909/dn7j.png');"></div>

Exemple 2 :

Code:: <div style=" background-color:="" #;border:="" 1px="" solid="" #;="" width:="" 99%;"="">

Une fois encore, il y a un petit problème Oo... Je pense que tu devrais refaire ça.

Il semblerait que le bug vienne de cette partie là :

Code:: <marquee behavior="scroll"><center>
<a href="http://aiklando.heavenforum.org/"><img src="http://img11.hostingpics.net/pics/847886logotaille1.jpg"></a>
<a href="http://leroyaumedejakar.forumgratuit.org/"><img src="http://img37.imageshack.us/img37/4373/cpw.png"></a>
<a href="http://royaumes-emeraude.forumsactifs.net/"><img src="http://i47.servimg.com/u/f47/10/07/77/17/logo-r11.png"></a>
<a href="http://eleris.forumgratuit.org/"><img src="http://img15.hostingpics.net/pics/50448810035.jpg"></a>
<a href="http://fantasmagorie.forumactif.org/"><img src="http://i47.servimg.com/u/f47/11/17/76/43/bout210.jpg"></a>
<a href="http://madelle.1fr1.net/"><img src="http://img11.hostingpics.net/pics/757633521579bouton.png">
</a><a href="http://arcaellev3.lebonforum.com/forum"><img src="http://nsa30.casimages.com/img/2012/10/02/12100208182035560.png"></a>
<a href="http://nerye.forumactif.org/forum"><img src="http://i37.servimg.com/u/f37/17/88/74/82/part210.png"></a>
<a href="http://valhistar.forumgratuit.fr/"><img src="http://i1235.photobucket.com/albums/ff439/Ervael/valhistar/valhistar2_100x35.jpg"></a>
<a href="http://les4royaumes.forumperso.com/"><img src="http://img15.hostingpics.net/pics/988039bann88313.png"></a>
<a href="http://au-fil-de-la-plume.forumactif.org/"><img src="http://img268.imageshack.us/img268/6076/0hzw.png"></a>
<a href="http://adrietha-rpg.forumactif.org/"><img src="http://img4.hostingpics.net/pics/8456708831.png"></a>
<a href="http://vampiredarkages.forumactif.org/"><img src="http://img11.hostingpics.net/pics/256485568485100x35.jpg"></a>
</center></marquee>

En fait, cela prends la largeur de toutes les images de partenaires les unes à côtés des autres. Du coup, comme c'est super large, cela impact sur le reste.

Peut être un truc comme ça ?

Spoiler:

Code:: <div style="background-image:url('http://imageshack.us/a/img707/8909/dn7j.png');"></div>
<div ><br><div class="titrepa">Bienvenue sur {FORUMNAME}, {USERNAME} !</div><br><div class="barre1"></div>
<br><div class="navigation"><a href="http://adariel.forumactif.com/t1-le-reglement">Règlement</a> ◆ <a href="http://adariel.forumactif.com/t7-l-histoire-d-adariel">Histoire</a> ◆ <a href="http://adariel.forumactif.com/t8-les-races-et-leurs-hierarchies">Races</a> ◆ <a href="http://adariel.forumactif.com/t78-la-carte-du-monde">Carte du monde</a> ◆ <a href="http://adariel.forumactif.com/f47-partenariat">Partenariat</a></div>
<br><table width="100%"><tbody><tr><td width="30%"><div style="border: 2px solid tan; margin: 5px; padding: 5px; height: 180px;"><div class="titretable">Nouveautés et annonces</div><div class="barre" :="" 1px="" solid="" tan;=""></div><br><div class="news"> Félicitation à Urr'hean qui a rejoint l'équipe du Staff.
<br><br>
Discussion sur de possibles events en cours. Venez partager vos idées avec nous ! <a href="http://adariel.forumactif.com/t265-events">ICI</a>.
</div></div>
<br><div style="border: 2px solid tan; margin: 5px; padding: 5px; height: 220px;"><div class="titretable">Staff</div><div class="barre"></div><br><div class="infobulle" style="padding-left: 25px;">
</div><table><tbody><tr><td width="30%"><center><div class="infobulle">
<img src="http://imageshack.us/a/img5/4078/6f7z.png" class="opacite">
<div><div class="infobubulle">Ezëkielle Lossëhelin, ADMIN</div>
<a href="http://adariel.forumactif.com/privmsg?mode=post&u=75">MP</a> ◆ <a href="http://adariel.forumactif.com/t282-ezekielle-lossehelin">Fiche</a>
</div>
</div></center></td><td width="30%"><center><div class="infobulle">
<img src="http://imageshack.us/a/img11/332/31ws.png" class="opacite">
<div><div class="infobubulle">Lókë Almárëa, ADMIN</div>
<a href="http://adariel.forumactif.com/privmsg?mode=post&u=2">MP</a> ◆ <a href="http://adariel.forumactif.com/t84-loke-almarea">Fiche</a>
</div>
</div></center></td><td width="30%"><center><div class="infobulle">
<img src="http://imageshack.us/a/img28/5292/zrmw.png" class="opacite">
<div><div class="infobubulle">Doylana Katell, ADMIN</div>
<a href="http://adariel.forumactif.com/privmsg?mode=post&u=8">MP</a> ◆ <a href="http://adariel.forumactif.com/t82-doylana-katell">Fiche</a>
</div>
</div></center></td><td width="30%"><center><div class="infobulle">
<img src="http://imageshack.us/a/img547/8595/depb.png" class="opacite">
<div>
<div class="infobubulle">Kaëran Eira, ADMIN</div>
<a href="http://adariel.forumactif.com/privmsg?mode=post&u=16">MP</a> ◆ <a href="http://adariel.forumactif.com/t100-kaeran-eira">Fiche</a>
</div>
</div></center></td><td width="30%"><center><div class="infobulle">
<img src="http://imageshack.us/a/img841/1251/um1w.png" class="opacite"><br>
<div><div class="infobubulle">Ellana Stark, MODO</div>
<a href="http://adariel.forumactif.com/privmsg?mode=post&u=17">MP</a> ◆ <a href="http://adariel.forumactif.com/t101-ellana-stark-termine">Fiche</a>
</div>
</div></center></td><td width="30%"><center><div class="infobulle">
<img src="http://imageshack.us/a/img600/6139/io63.png" class="opacite">
<div>
<div class="infobubulle">Urr'hean, MODO</div>
<a href="http://adariel.forumactif.com/privmsg?mode=post&u=45">MP</a> ◆ <a href="http://adariel.forumactif.com/t159-urr-hean-patte-ecarlate">Fiche</a>
</div>
</div></center></td>

</tr></tbody></table></div></td><td width="30%"><div style="border: 2px solid tan; margin: 5px; padding: 5px;height: 436px;"><div class="titretable">Contexte</div><div class="barre"></div><br><div class="contexte">Alors que les terres d’Adariel connaissent la paix depuis plusieurs décennies, une nouvelle menace se profile à l’horizon. Des rumeurs égayent les discussions dans les tavernes, voguant de marchands en voyageurs. Une guerre? Il semblerait. À l’heure où je vous parle, des alliances sont en train de se forger. Les différentes races cherchent à assurer leur protection, alors que d’autres cherchent à jeter de l’huile sur le feu pour attiser la colère des Dieux et faire venir l’enfer.
<br><br>
L’équilibre de la paix est désormais bien fragile et le peuple humain est la principale menace. Les rangs sont resserrés. La méfiance règne. Les trahisons apparaissent.
<br><br>
Qu’en est-il de l’avenir d’Adariel?
<br>
C’est à vous de le sculpter, voyageur.</div></div></td><td width="30%"><div style="border: 2px solid tan; margin: 5px; padding: 5px; height: 180px;"><div class="titretable">Top sites</div><div class="barre"></div><br><center>
<a href="http://www.root-top.com/topsite/melu/in.php?ID=3718"><img src="http://imageshack.us/a/img7/7237/kcka.png"></a>
<a href="http://www.root-top.com/topsite/heroicfantasy/in.php?ID=1431"><img src="http://imageshack.us/a/img96/9458/6yqz.png"></a><br>
<a href="http://www.root-top.com/topsite/niviel/in.php?ID=909"><img src="http://imageshack.us/a/img41/2986/su3e.png"></a>
<a href="http://www.root-top.com/topsite/laurannebp/in.php?ID=134"><img src="http://imageshack.us/a/img849/2038/2lbf.png"></a></center><br>
<br></div>

<br><div style="border: 2px solid tan; margin: 5px; padding: 5px; height: 220px;"><div class="titretable">Crédits</div><div class="barre"></div>
<br><div class="news">◆ Contexte par Adariel<br>◆ Design par Kaëran Eira <br>◆ Template de base par Younaka et Madouce d' <a href="http://epicode.bbactif.com/">Epicode</a>, modifié par Kaëran Eira<br>◆ Toute reproduction partielle ou entière est strictement interdite.</div></div></td></tr></tbody></table>
<br>
<br><div style="border: 2px solid tan; margin: 5px; padding: 5px; height: 110px; max-width: 960px; overflow: hidden;"><div class="titretable">Partenaires</div><div class="barre"></div>
<br><marquee behavior="scroll"><center>
<a href="http://aiklando.heavenforum.org/"><img src="http://img11.hostingpics.net/pics/847886logotaille1.jpg"></a>
<a href="http://leroyaumedejakar.forumgratuit.org/"><img src="http://img37.imageshack.us/img37/4373/cpw.png"></a>
<a href="http://royaumes-emeraude.forumsactifs.net/"><img src="http://i47.servimg.com/u/f47/10/07/77/17/logo-r11.png"></a>
<a href="http://eleris.forumgratuit.org/"><img src="http://img15.hostingpics.net/pics/50448810035.jpg"></a>
<a href="http://fantasmagorie.forumactif.org/"><img src="http://i47.servimg.com/u/f47/11/17/76/43/bout210.jpg"></a>
<a href="http://madelle.1fr1.net/"><img src="http://img11.hostingpics.net/pics/757633521579bouton.png">
</a><a href="http://arcaellev3.lebonforum.com/forum"><img src="http://nsa30.casimages.com/img/2012/10/02/12100208182035560.png"></a>
<a href="http://nerye.forumactif.org/forum"><img src="http://i37.servimg.com/u/f37/17/88/74/82/part210.png"></a>
<a href="http://valhistar.forumgratuit.fr/"><img src="http://i1235.photobucket.com/albums/ff439/Ervael/valhistar/valhistar2_100x35.jpg"></a>
<a href="http://les4royaumes.forumperso.com/"><img src="http://img15.hostingpics.net/pics/988039bann88313.png"></a>
<a href="http://au-fil-de-la-plume.forumactif.org/"><img src="http://img268.imageshack.us/img268/6076/0hzw.png"></a>
<a href="http://adrietha-rpg.forumactif.org/"><img src="http://img4.hostingpics.net/pics/8456708831.png"></a>
<a href="http://vampiredarkages.forumactif.org/"><img src="http://img11.hostingpics.net/pics/256485568485100x35.jpg"></a>
</center></marquee>

<br><center><a href="http://adariel.forumactif.com/f89-fiches-de-nos-partenaires">Nos partenaires</a> - <a href="http://adariel.forumactif.com/t269-demande-de-partenariat#3319">Devenir partenaire</a> - <a href="http://adariel.forumactif.com/t76-notre-fiche-et-nos-boutons">Nos logos</a><br><br></center>

</div></div>

Sujet: Re: Problème d'affichage [PROBLÈME RÉSOLU] Dim 22 Sep 2013, 18:39

Ça y est pas encore. C'est vraiment mieux, mais y a encore un écart sur la droite.

Sujet: Re: Problème d'affichage [PROBLÈME RÉSOLU] Dim 22 Sep 2013, 18:42

Ah non c'est bon j'ai changé la largeur maximum des partenaires et ça a ENFIN fonctionné!!!!!! :DMERCI INFINIMENT

Par contre j'ai trouvé un autre petit problème avec les images du Staff. Il y a un espace irrégulier entre chacune des images. Tu saurais comment fixer ce problème?

Sujet: Re: Problème d'affichage [PROBLÈME RÉSOLU] Dim 22 Sep 2013, 18:45

Contente d'avoir pu t'aider, je trouve le design du forum vraiment sympa, bon courage pour la suite Wink

!
N'hésite pas à éditer le titre de ton sujet pour préciser "résolu" ^^

Sujet: Re: Problème d'affichage [PROBLÈME RÉSOLU] Dim 22 Sep 2013, 18:46

Par contre j'ai trouvé un autre petit problème avec les images du Staff. Il y a un espace irrégulier entre chacune des images. Tu saurais comment fixer ce problème?

Sujet: Re: Problème d'affichage [PROBLÈME RÉSOLU] Dim 22 Sep 2013, 19:03

Dans le tableau pour le staff, en remplaçant le td width="30%" par td width="17%" (pour chaque cellule du staff), cela devrait être mieux Wink

En effet, il y a 6 membres du staff, donc 6 cellules, 100 / 6 ~=~ 17 ^^

Sujet: Re: Problème d'affichage [PROBLÈME RÉSOLU] Lun 23 Sep 2013, 01:26

Génial! Tout est réglé merci!^^

Problème d'affichage [PROBLÈME RÉSOLU]

Problème d'affichage [PROBLÈME RÉSOLU]

Sujets similaires

Sujets similaires

Partenaires Or