Décalage des catégories quand on lit les topics
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 2 • Partagez
Page 1 sur 2 • 1, 2
Décalage des catégories quand on lit les topics
Bonsoir à tous (ou bonne nuit ^^),
Tout d'abord pardon si mon problème a déjà été rencontré et résolu, mais je n'ai pas trouvé malgré une recherche.
Voilà, je rencontre un problème que je pense lié à du code, et ne trouve pas la réponse. Il est pas gravissime, mais pour un forum de graphisme, ben c'est pas top quand-même.
- l'URL du forum : http://naturaliart.forums-actifs.com/
- la version du forum, : phpBB2
- une illustration du souci : je vous mets le lien vers un topic que vous devriez voir : http://naturaliart.forums-actifs.com/t29-reglement-a-lire-et-a-approuver
- accès au compte fondateur : oui
- templates modifiées : oui : index_body et index_box notamment (je fournirai que si nécessaire parce que sinon ça deviendra illisible ^^)
- CSS personnalisé, : oui (idem que pour les templates)
Donc comme on le voit (en dézoomant si nécessaire), la catégorie dépasse trop vers la droite, et ce uniquement quand on lit les messages des sujets, pas ailleurs. Je n'arrive pas à trouver d'où vient le souci. J'ai essayé de régler ça via du CSS, ça n'a pas marché, et je ne sais franchement plus quoi faire =/ Donc si quelqu'un a une idée, je suis preneuse !
Merci d'avance à tous ceux qui essayeront de m'aider, avec ou sans succès
Tout d'abord pardon si mon problème a déjà été rencontré et résolu, mais je n'ai pas trouvé malgré une recherche.
Voilà, je rencontre un problème que je pense lié à du code, et ne trouve pas la réponse. Il est pas gravissime, mais pour un forum de graphisme, ben c'est pas top quand-même.
- l'URL du forum : http://naturaliart.forums-actifs.com/
- la version du forum, : phpBB2
- une illustration du souci : je vous mets le lien vers un topic que vous devriez voir : http://naturaliart.forums-actifs.com/t29-reglement-a-lire-et-a-approuver
- accès au compte fondateur : oui
- templates modifiées : oui : index_body et index_box notamment (je fournirai que si nécessaire parce que sinon ça deviendra illisible ^^)
- CSS personnalisé, : oui (idem que pour les templates)
Donc comme on le voit (en dézoomant si nécessaire), la catégorie dépasse trop vers la droite, et ce uniquement quand on lit les messages des sujets, pas ailleurs. Je n'arrive pas à trouver d'où vient le souci. J'ai essayé de régler ça via du CSS, ça n'a pas marché, et je ne sais franchement plus quoi faire =/ Donc si quelqu'un a une idée, je suis preneuse !
Merci d'avance à tous ceux qui essayeront de m'aider, avec ou sans succès
Dernière édition par Sayali le Mar 18 Fév 2014 - 14:48, édité 3 fois
Re: Décalage des catégories quand on lit les topics
Un petit up ! Personne n'a d'idée? =/
Re: Décalage des catégories quand on lit les topics
Bonjour,
Test ceci dans le ccs
Test ceci dans le ccs
- Code:
.nav{ width:90%;}
Re: Décalage des catégories quand on lit les topics
Bonjour,
Merci pour la réponse.
Alors j'ai testé le code, et ça ne semblait pas avoir d'influence. J'ai donc gardé une page ouverte, copié le lien pour avoir l'affichage de la page en double, enlevé le code, et rafraichi une des pages. Ca n'a en effet aucune influence, le problème persiste.
Du coup j'en ai profité pour voir si le souci venait du fond des messages, c'est pas ça non plus.
J'ai testé aussi la piste de la barre de navigation en lui disant de ne pas forcer la barre à rester sur une seule ligne, et aucun changement.
Je sèche totalement =/
Merci quand-même.
Merci pour la réponse.
Alors j'ai testé le code, et ça ne semblait pas avoir d'influence. J'ai donc gardé une page ouverte, copié le lien pour avoir l'affichage de la page en double, enlevé le code, et rafraichi une des pages. Ca n'a en effet aucune influence, le problème persiste.
Du coup j'en ai profité pour voir si le souci venait du fond des messages, c'est pas ça non plus.
J'ai testé aussi la piste de la barre de navigation en lui disant de ne pas forcer la barre à rester sur une seule ligne, et aucun changement.
Je sèche totalement =/
Merci quand-même.
Re: Décalage des catégories quand on lit les topics
Je l'ai tester sur ton forum et cela fonctionne...
Re: Décalage des catégories quand on lit les topics
ceci fonctionne aussi.
A mettre dans le css
A mettre dans le css
- Code:
a.nav{ margin-right:100px;}
Re: Décalage des catégories quand on lit les topics
J'ai remis et laissé le premier code que tu m'as passé. J'ai ensuite vérifié sur firefox (via lequel j'ai mis le code) et google chrome, et le souci persiste.
Quant au deuxième code que tu m'as donné, il empire les choses, puisque les catégories dépassent alors encore plus à droite. Je l'ai enlevé, mais si tu veux je remettrai pour que tu constates la chose.
Veux-tu que je te donne tout mon CSS dès fois que ton premier code ne fonctionnerait pas à cause d'un conflit avec ce que j'ai déjà mis?
Quant au deuxième code que tu m'as donné, il empire les choses, puisque les catégories dépassent alors encore plus à droite. Je l'ai enlevé, mais si tu veux je remettrai pour que tu constates la chose.
Veux-tu que je te donne tout mon CSS dès fois que ton premier code ne fonctionnerait pas à cause d'un conflit avec ce que j'ai déjà mis?
Re: Décalage des catégories quand on lit les topics
stefou a écrit:Bonjour,
Test ceci dans le ccs
- Code:
.nav{ width:90%;}
descend à 40% ?
On est d'accord que c'est bien le titre de la catégorie quand on est dedans qui est décalé ?
Re: Décalage des catégories quand on lit les topics
Non, c'est pas le titre, mais la catégorie elle-même. J'ai fait deux captures d'écran pour tenter de montrer de quoi je parle :
Capture 1 : http://hpics.li/090a8bc
Ici j'ai encadré à droite le trop grand espace qu'on voit. Normalement le truc index et compagnie, ça devrait être au centre, et là ça l'est pas.
Capture 2 : http://hpics.li/bb32e59
Ici on voit bien qu'à gauche il y a un plus grand espace qu'à droite par rapport au header, comme j'ai aussi encadré. C'est bien à droite que ça dépasse, à gauche c'est tout à fait normal.
Ce que je ne comprends pas non plus, c'est que sur l'index, y'a aucun souci. C'est vraiment juste quand on lit les messages d'un topic.
Voilà, si c'est toujours pas clair, dis-le moi. Je pensais avec les liens ça irait mais non =/
Capture 1 : http://hpics.li/090a8bc
Ici j'ai encadré à droite le trop grand espace qu'on voit. Normalement le truc index et compagnie, ça devrait être au centre, et là ça l'est pas.
Capture 2 : http://hpics.li/bb32e59
Ici on voit bien qu'à gauche il y a un plus grand espace qu'à droite par rapport au header, comme j'ai aussi encadré. C'est bien à droite que ça dépasse, à gauche c'est tout à fait normal.
Ce que je ne comprends pas non plus, c'est que sur l'index, y'a aucun souci. C'est vraiment juste quand on lit les messages d'un topic.
Voilà, si c'est toujours pas clair, dis-le moi. Je pensais avec les liens ça irait mais non =/
Re: Décalage des catégories quand on lit les topics
oupss je pensais au titre de la catégorie
Re: Décalage des catégories quand on lit les topics
Ah oui je comprends pourquoi on se comprenait pas ^^ Mais pour le titre je pense que y'a pas grand chose à faire, c'est dû à l'image ^^ Puis personne s'en est plaint alors j'avoue que je m'en soucie pas xD
Re: Décalage des catégories quand on lit les topics
test ceci
- Code:
#page-body {
width: 940px;
Re: Décalage des catégories quand on lit les topics
Alors j'ai testé, et comme ça n'avait pas d'effet, j'ai tenté de mettre un chiffre moins grand. Là le décalage était encore pire. Donc j'ai mis un chiffre bien plus grand, et là en effet ça centre, mais ça centre parce que ça agrandit le truc, et je trouve ça finalement trop grand =/ Est-ce qu'un padding right négatif ne pourrait alors pas régler le souci?
Edit : je joins mon CSS, j'ai peur d'avoir mal codé quelque chose et que ça ait eu une influence sur tout ça.
Edit : je joins mon CSS, j'ai peur d'avoir mal codé quelque chose et que ça ait eu une influence sur tout ça.
- Code:
/* header de fond */
#i_logo{
position:relative;
top:-20px;
height:500px;/*hauteur bannière*/
width:1600px;/*largeur bannière*/
}
body{background:url(http://img15.hostingpics.net/pics/699920ours.png) no-repeat 50% 0% #a8b3b7}
#page-body{width:910px;margin:auto;}
.bodyline,.forumline{background:none;border:none;border-spacing:0px;}
/*largeur du forum*/
.forumline.categorie{width:700px;margin:auto;}
/*bordures gauche et droite des catégories*/
.forumline.categorie>tbody>tr>td:first-child{border-left:8px solid #80929e;}
.forumline.categorie>tbody>tr>td:last-child{border-right:8px solid #80929e;}
/*taille titre catégorie*/
.secondarytitle h2{font-size:x-large}
/*cacher le lecteur de son de la chatbox*/
#son_chatbox{display:none}
/* style texte liens */
a {font-variant: small-caps; text-decoration : none;}
/* ombre et couleur liens */
.a,.gensmall, a:link,a:visited,a:hover{color: #3a6785;text-shadow: 0px 0px 0px #502310}
/* couleur liens dans les catégories [amélioration de la lisibilité] */
#page-body .forumline .gen, #page-body .forumline .genmed, #page-body .forumline .gensmall, #page-body .forumline a{
color:#3a6785;
}
/* texte description catégories */
.catetexte {margin-left: 7px; margin-right: 3px; padding-top: 3px; padding-bottom: 3px;}
/* fond derniers messages */
.derniermess {background-color: #cbd3df;
border-left: solid #cbd3df 2px;
border-right: solid #cbd3df 2px;
height: auto; width: 115px;
border-radius: 8px;
border-top: 2px #cbd3df solid;
border-bottom: 2px #cbd3df solid;
color:#3a6785;}
/* texte derniers messages */
.derniermesstext {margin-left: 7px; margin-right: 3px; padding-top: 3px; padding-bottom: 3px;}
/*corriger couleur derniers messages*/
.derniermess a,.derniermess .derniermesstext{color:#3a6785 !important;text-shadow:none !important;}
/* fond description catégories */
.descricategorie {margin: 7px;
background-color: #cbd3df;
border-left: solid #cbd3df 4px;
border-right: solid #cbd3df 4px;
height: auto;
border-radius: 8px;
border-top: 0px #cbd3df solid;
border-bottom: 0px #cbd3df solid;}
/* texte souligné */
u {border-bottom : 1px dashed; text-decoration: none;}
/* texte en gras */
b {font-variant : small-caps;}
/* texte en italique */
i {color : #f09581;}
/* texte nom rang */
.rang {font-variant: small-caps; text-decoration: none; font-size:14px;}
/* texte rang */
.texterang {font-variant: small-caps; text-decoration: none; color:#ffffff; font-size:12px;}
/* texte pseudo */
.pseudo {font-size: 16px;}
/* balise code */
.code {background-color:#fffed9;
color: #f4f8f7;
padding-left: 6px;
border-color:#f0d39e;
padding-top:2px;
padding-bottom:2px;}
/* balise quote */
.quote {background-color:#fffed9;
color: #f4f8f7;
padding-left: 6px;
border-color:#f0d39e;
padding-top:2px;
padding-bottom:2px;}
/* balise spoiler */
.hide {background-color:#fffed9;
color: #f4f8f7;
padding-left: 6px;
border-color:#f0d39e;
paddin-top:2px;
padding-bottom:2px;}
.spoiler_content{color:#f4f8f7;
padding-left:6px;
padding-top:2px;
padding-bottom:2px;}
/* bouton previsualiser */
input.liteoption {background-color: #cbd3df;
color: #3a6785;
border-radius: 8px;
border-left: 4px solid #ffffff;
border-right: 4px solid #ffffff;
border-top: 1px solid #cbd3df;
border-bottom: 1px solid #cbd3df;
font-variant:small-caps;}
/* bouton envoyer */
input.mainoption {background-color: #cbd3df;
color: #3a6785;
border-radius: 8px;
border-left: 4px solid #ffffff;
border-right: 4px solid #ffffff;
border-top: 1px solid #cbd3df;
border-bottom: 1px solid #cbd3df;
font-variant:small-caps;}
/* barre titre mess à changer comme le bouton envoyer*/
input.post {background-color: #cbd3df;
color: #3a6785;
border-radius: 8px;
border-left: 4px solid #ffffff;
border-right: 4px solid #ffffff;
border-top: 1px solid #cbd3df;
border-bottom: 1px solid #cbd3df;}
/* cadre mess */
textarea#text_editor_textarea.post {background-color: white;
color: black;
border-radius: 8px;
border-left: 4px solid #f0d39e;
border-right: 4px solid #f0d39e;
border-top: 1px solid #f0d39e;
border-bottom: 1px solid #f0d39e;}
/* table forum cate */
table.forumline {border-radius:8px;}
/* avatar */
.avatar {font-size: auto;}
/* fond profil */
.profil {background-image: url(http://img15.hostingpics.net/pics/31234793b.png);
padding-left:-5px;
background-color: none;
height:auto; width:195px;
border-left : solid 0px #F0D39E;
border-right: solid 0px #F0D39E;
margin-right:6px;
margin-left: 6px;
border-radius:8px;
border-top: 0px #f0d39e solid;
border-bottom: 0px #f0d39e solid;}
/* texte infos posteur fixe */
.infosposteur {margin-left : 8px; font-variant: small-caps; text-decoration: none;color:white;}
/* texte infos posteur modifiable */
.labelinfosposteur {color:white;}
/* fond avatar pseudo rang */
.avapseudorang {margin:auto;
background-color: #a8b3b7;
height:210;
width: 165px;
border-radius: 10px;
-webkit-transform: rotate(3deg);
-moz-transform: rotate(-2deg);
transform:rotate(3deg);}
/* pas de message edition */
-RETRAIT : ce CSS pose de nombreux problèmes - { display: none; }
/* fond PA transpa */
table#msg_et, table#msg_et td{
background-color:none !important;
}
/* sidebar haut */
.secondarytitle {background: url('http://img11.hostingpics.net/pics/26605728s2.png') 50% 0%;
height: 135px;
resize: none;}
/* sidebar bas */
.foot_table{
background:url("http://img11.hostingpics.net/pics/72697566s1.png")50% 100%;
height:135px;margin:auto;width:700px;
}
/*Qeel*/
#qeel
{
background-image: url('http://img15.hostingpics.net/pics/500126qeel2.png');
position:relative;
height:475px;
width:700px;
}
#qeel *{
background-color: transparent;
}
#statistiques,#anniversaires,#legende{
position:absolute;
overflow:auto;
}
#qeel #statistiques>span,#qeel #anniversaires span{
color:#3a6785 !important;
}
#statistiques{
left:115px;top:120px;
width:470px;
max-height:100px;
}
#anniversaires{
left:370px;
top:270px;
width:190px;
max-height:200px;
}
#legende{
left:120px;
top:260px;
width:220px;
height:106px;
overflow:auto;
}
#legende .gensmall{
font-size:13px;
display:block
}
#derniers_connectes{display:none;}
/* redimension images mess*/
.postbody img{
max-width:600px;
max-height:300px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
-icab-border-radius:5px;
border-radius:0px
}
/*interdire le redimensionnement des images aux quelles la classe noresize est appliquée*/
.noresize{
max-width:none !important;max-height:none !important;
}
/* couleurs catégorie */
.td_bodyline{
width:700px;
background-color: #916553;}
/* selectionner contenu */
.selectCode{
float:right;
text-transform:lowercase;
cursor:pointer;
float:right;
text-transform:lowercase;
font-family:Arial;
cursor:pointer;
text-decoration:none;
letter-spacing:2px
}
div.cont_code { clear: right; }
/*fond des messages postés*/
div.postbody{background-color:#f4f8f7;
padding-top:15px;
padding-left:10px;
padding-right:10px;
padding-bottom:20px;
border-radius:10px;
width:600px;
margin-left:110px;}
Re: Décalage des catégories quand on lit les topics
Si il centre c'est peut-être qu'il y a un margin-right quelque part ... car il me semble qu'il devrait grandir sans ce centrer...
je chercherais dans la page après une valeur margin-right à modifier .
je chercherais dans la page après une valeur margin-right à modifier .
Re: Décalage des catégories quand on lit les topics
Y'en a quelques uns dans le CSS mais pas des gros chiffres non plus. Enfin, sait-on jamais.
J'ai tenté un padding right -50, mais alors là... Ca me décale absolument tout sur la droite ! Encore pire ! Donc en fait ça serait un décalage à partir de la gauche? J'ai vraiment du mal à comprendre le phénomène.
Edit : tu veux aussi le viewtopic_body? Il est modifié.
Edit bis : bon, je joins mon viewtopic_body, il semblerait qu'il y ait quelques text align right, mais ayant du mal avec les caractéristiques du forum, je ne sais s'il y en a un qui serait à l'origine du problème (mettre un center alors à la place, peut-être que ça marcherait)
J'ai tenté un padding right -50, mais alors là... Ca me décale absolument tout sur la droite ! Encore pire ! Donc en fait ça serait un décalage à partir de la gauche? J'ai vraiment du mal à comprendre le phénomène.
Edit : tu veux aussi le viewtopic_body? Il est modifié.
Edit bis : bon, je joins mon viewtopic_body, il semblerait qu'il y ait quelques text align right, mais ayant du mal avec les caractéristiques du forum, je ne sais s'il y en a un qui serait à l'origine du problème (mettre un center alors à la place, peut-être que ça marcherait)
- Code:
<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){
_atc.cwait = 0;
$('.addthis_button').mouseup(function(){
if ($('#at15s').css('display') == 'block') {
addthis_close();
addthis_close();
}
});
});
//]]>
</script>
<table width="100%" border="0" cellspacing="2" cellpadding="0">
<tr>
<td align="left" valign="middle" nowrap="nowrap">
<span class="nav">
<!-- BEGIN switch_user_authpost -->
<a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>
<!-- END switch_user_authpost -->
<!-- BEGIN switch_user_authreply -->
<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
<!-- END switch_user_authreply -->
</span>
</td>
<td align="left" valign="middle" nowrap="nowrap">
<!-- BEGIN switch_twitter_btn -->
<span id="twitter_btn" style="margin-left: 6px; ">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</span>
<!-- END switch_twitter_btn -->
<!-- BEGIN switch_fb_likebtn -->
<span id="fb_likebtn" style="margin-left: 6px; ">
<iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&layout=button_count&show_faces=false&width=100&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
</span>
<!-- END switch_fb_likebtn -->
</td>
<td class="nav" valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
<td align="right" valign="bottom" nowrap="nowrap" width="100%">
<span class="gensmall bold">
<a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a>
<!-- BEGIN switch_plus_menu -->
|
<script type="text/javascript">//<![CDATA[
var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
//]]>
</script>
<!-- END switch_plus_menu -->
</span>
</td>
</tr>
</table>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" style="border-bottom: 0px;">
<tr align="right">
<td class="catHead" colspan="3" height="28">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="9%" class="noprint"> </td>
<td align="center" class="t-title">
<h1 class="cattitle"> {TOPIC_TITLE}</h1>
</td>
<td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
</tr>
</table>
</td>
</tr>
<!-- BEGIN topicpagination -->
<tr>
<td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
</tr>
<!-- END topicpagination -->
{POLL_DISPLAY}
<tr>
<th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
<th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
</tr>
<!-- BEGIN postrow -->
<!-- BEGIN displayed -->
<tr class="post">
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
<span class="postdetails poster-profile"><a name="{postrow.displayed.U_POST_ID}"></a>
<div class="profil">
<br/>
<div class="avapseudorang">
<div style="-webkit-transform: rotate(-3deg);">
<br/>
<center>{postrow.displayed.POSTER_AVATAR}</center>
<br/>
<span class="pseudo">
<center>
<strong>{postrow.displayed.POSTER_NAME}</strong>
</center>
</span>
<center>
<span class="texterang">
<span class="rang"></span>
</span>
</center>
<center>
<span class="imgrang">{postrow.displayed.RANK_IMAGE}</span>
</center>
<br />
<br />
</div>
</div>
<!-- BEGIN profile_field -->
<br/>
<span class="infosposteur">{postrow.displayed.profile_field.LABEL}
<span class="labelinfosposteur">{postrow.displayed.profile_field.CONTENT}</span></span>
<!-- END profile_field -->
<br/>
<img src="http://2img.net/i/fa/vide.gif" alt="" style="width:150px;height:1px" />
<br/>
<br/>
</div>
<br/>
</span>
</td>
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT} <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
<td valign="top" nowrap="nowrap" class="post-options">
{postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
</td>
</tr>
<tr>
<td colspan="2" class="hr">
<hr />
</td>
</tr>
<tr>
<td colspan="2">
<!-- BEGIN switch_vote_active -->
<div class="vote gensmall">
<!-- BEGIN switch_vote -->
<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
<!-- END switch_vote -->
<!-- BEGIN switch_bar -->
<div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
<!-- BEGIN switch_vote_plus -->
<div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
<!-- END switch_vote_plus -->
<!-- BEGIN switch_vote_minus -->
<div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
<!-- END switch_vote_minus -->
</div>
<!-- END switch_bar -->
<!-- BEGIN switch_no_bar -->
<div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
<!-- END switch_no_bar -->
<!-- BEGIN switch_vote -->
<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
<!-- END switch_vote -->
</div>
<!-- END switch_vote_active -->
<div class="postbody">
<div>{postrow.displayed.MESSAGE}</div>
<!-- BEGIN switch_attachments -->
<dl class="attachbox">
<dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
<dd>
<!-- BEGIN switch_post_attachments -->
<dl class="file">
<dt>
<img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />
<!-- BEGIN switch_dl_att -->
<a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
<!-- END switch_dl_att -->
<!-- BEGIN switch_no_dl_att -->
{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
<!-- END switch_no_dl_att -->
</dt>
<!-- BEGIN switch_no_comment -->
<dd>
<em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
</dd>
<!-- END switch_no_comment -->
<!-- BEGIN switch_no_dl_att -->
<dd>
<em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
</dd>
<!-- END switch_no_dl_att -->
<dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
</dl>
<!-- END switch_post_attachments -->
</dd>
</dl>
<!-- END switch_attachments -->
<div class="clear"></div>
<div class="signature_div">
{postrow.displayed.SIGNATURE}
</div>
</div>
<span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
<a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
</td>
<td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle">
{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
</td>
</tr>
</table>
</td>
</tr>
<!-- BEGIN first_post_br -->
</table>
<br />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
<th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
</tr>
<!-- END first_post_br -->
<!-- END displayed -->
<!-- BEGIN hidden -->
<tr>
<td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
</tr>
<!-- END hidden -->
<!-- END postrow -->
<!-- BEGIN no_post -->
<tr align="center">
<td class="row1" colspan="3" height="28">
<span class="genmed">{no_post.L_NO_POST}</span>
</td>
</tr>
<!-- END no_post -->
<tr align="right">
<td class="catBottom" colspan="3" height="28">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="9%" class="noprint"> </td>
<td align="center" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">{TOPIC_TITLE}</h1></td>
<td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td>
</tr>
</table>
</td>
</tr>
</table>
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;">
<tr>
<td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
<!-- BEGIN topicpagination -->
<td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
<!-- END topicpagination -->
</tr>
<!-- BEGIN switch_user_logged_in -->
<!-- BEGIN watchtopic -->
<tr>
<td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
</tr>
<!-- END watchtopic -->
<!-- END switch_user_logged_in -->
</table>
<!-- BEGIN promot_trafic -->
<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px">
<tr>
<td class="catBottom" height="28">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
<td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
</tr>
</table>
</td>
</tr>
</table>
<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px">
<tr>
<td class="catBottom" height="28">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
<td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="row2 postbody" valign="top">
<!-- BEGIN link -->
» <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />
<!-- END link -->
</td>
</tr>
</table>
<!-- END promot_trafic -->
<!-- BEGIN switch_forum_rules -->
<table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px">
<tbody>
<tr>
<td class="catBottom">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td valign="top">
<h1 class="cattitle"> {L_FORUM_RULES}</h1>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td class="row1 clearfix">
<table>
<tr>
<!-- BEGIN switch_forum_rule_image -->
<td class="logo">
<img src="{RULE_IMG_URL}" />
</td>
<!-- END switch_forum_rule_image -->
<td class="rules postbody">
{RULE_MSG}
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
<!-- END switch_forum_rules -->
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="row2" colspan="2" align="center" style="padding:0px">
<!-- BEGIN switch_user_logged_in -->
<a name="quickreply"></a>
{QUICK_REPLY_FORM}<br />
<!-- END switch_user_logged_in -->
</td>
</tr>
<tr>
<td style="margin:0; padding: 0;" colspan="2">
<table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
<tbody>
<!-- BEGIN show_permissions -->
<tr>
<td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
<td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
</tr>
<!-- END show_permissions -->
<tr>
<td class="catBottom" colspan="2" height="28">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
<!-- BEGIN show_permissions -->
<td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
<!-- END show_permissions -->
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="margin:0; padding: 0;" colspan="2">
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
<tbody>
<tr>
<td class="catBottom" colspan="2" height="28">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
<td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
<tr>
<td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
<span class="nav">
<!-- BEGIN switch_user_authpost -->
<a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>
<!-- END switch_user_authpost -->
<!-- BEGIN switch_user_authreply -->
<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
<!-- END switch_user_authreply -->
</span>
</td>
<!-- BEGIN viewtopic_bottom -->
<td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>
<!-- END viewtopic_bottom -->
<!-- BEGIN moderation_panel -->
<td align="center">
<span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
</td>
<td align="center" width="250">
<span class="gensmall"> </span>
</td>
<!-- END moderation_panel -->
</tr>
</table>
</form>
<!-- BEGIN viewtopic_bottom -->
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
<tr>
<td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
<form name="action" method="get" action="{S_FORM_MOD_ACTION}">
<input type="hidden" name="t" value="{TOPIC_ID}" />
<!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
<input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
<span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span>
</form>
</td>
</tr>
</table>
<!-- END viewtopic_bottom -->
<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>
Re: Décalage des catégories quand on lit les topics
Up? Personne pour m'aiguiller?
Re: Décalage des catégories quand on lit les topics
Up? Je n'ai toujours pas trouvé la solution à mon problème...
Re: Décalage des catégories quand on lit les topics
Up !! Vraiment personne pour m'aider?
Re: Décalage des catégories quand on lit les topics
Je viens de re tester ce code dans ta feuille de style et cela fonctionne...
- Code:
#page-body {
width: 940px !important;
}
Re: Décalage des catégories quand on lit les topics
Effectivement sur une autre page le cadre s’agrandit.
Regarde si ce code te convient. (a mettre dans feuille de style)
Edit@
Ou celui-ci encore mieux car il centre le topic
Regarde si ce code te convient. (a mettre dans feuille de style)
- Code:
.postbody {
margin-left:20px !important;
}
Edit@
Ou celui-ci encore mieux car il centre le topic
- Code:
.postbody {
margin-left:1% !important;
}
Re: Décalage des catégories quand on lit les topics
J'ai essayé tes deux codes, ça change en fait juste l'endroit où le message s'affiche et non la totalité du tableau (je sais pas si je suis claire).
Du coup j'ai essayé d'appliquer tout ça sur le div postbody déjà présent dans mon CSS, et ça n'a absolument aucun effet =/ J'ai aussi tenté de faire un margin left négatif, pareil, aucun effet, rien ne bouge. Je commence à croire qu'il n'y a aucune solution à mon problème...
Merci quand-même pour ta réponse et ton aide.
Du coup j'ai essayé d'appliquer tout ça sur le div postbody déjà présent dans mon CSS, et ça n'a absolument aucun effet =/ J'ai aussi tenté de faire un margin left négatif, pareil, aucun effet, rien ne bouge. Je commence à croire qu'il n'y a aucune solution à mon problème...
Merci quand-même pour ta réponse et ton aide.
Re: Décalage des catégories quand on lit les topics
A moins que je n'ai pas bien compris ton lien nous amène sur dans les topics.
En réduisant avec le dernier code ton topic ce centre, tu n'a plus le décalage
En réduisant avec le dernier code ton topic ce centre, tu n'a plus le décalage
Re: Décalage des catégories quand on lit les topics
Oui, c'est juste au niveau des topics que j'ai le souci, la page d'accueil est nickel. Mais je confirme que ton code ne marche pas. Je l'ai testé, ai rafraichi les pages, absolument rien ne change, je te le confirme.
Des fois que je me sois encore mal exprimée (ça sera pas la première fois, je commence à avoir l'habitude), un schéma (très schématisé) :
Voici ce que j'ai :
Et voici ce que j'aimerais avoir :
Et comme on le voit, sur l'index, c'est vraiment centré nickel. Par contre, sur les topics, ça semble être mis à droite. J'ai pas trouvé dans le html un right mauvais parce que je ne comprends pas toutes les fonctionnalités. Mais y'a plein de right justement, alors j'aurais espéré que la solution y soit, mais j'y crois absolument plus...
Edit : après les tests rapides qu'a fait mon copain, ça viendrait du CSS. Quand, avec firebug, il supprime tout le CSS, tout est remis correctement. Sauf que voilà, j'ai passé plusieurs heures à désactiver via firebug du CSS (un par un), et j'ai pas trouvé...
Des fois que je me sois encore mal exprimée (ça sera pas la première fois, je commence à avoir l'habitude), un schéma (très schématisé) :
Voici ce que j'ai :
Et voici ce que j'aimerais avoir :
Et comme on le voit, sur l'index, c'est vraiment centré nickel. Par contre, sur les topics, ça semble être mis à droite. J'ai pas trouvé dans le html un right mauvais parce que je ne comprends pas toutes les fonctionnalités. Mais y'a plein de right justement, alors j'aurais espéré que la solution y soit, mais j'y crois absolument plus...
Edit : après les tests rapides qu'a fait mon copain, ça viendrait du CSS. Quand, avec firebug, il supprime tout le CSS, tout est remis correctement. Sauf que voilà, j'ai passé plusieurs heures à désactiver via firebug du CSS (un par un), et j'ai pas trouvé...
Re: Décalage des catégories quand on lit les topics
Vraiment personne pour m'aider?
Page 1 sur 2 • 1, 2
Sujets similaires
» Décalage de certaines catégories
» Centrage des topics (et non des catégories !)
» Décalage du contour des catégories, Help !
» Décalage des descriptions des catégories
» Décalage des codes catégories.
» Centrage des topics (et non des catégories !)
» Décalage du contour des catégories, Help !
» Décalage des descriptions des catégories
» Décalage des codes catégories.
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 2
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum