Décalage code, spoiler, quote

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Décalage code, spoiler, quote

Message par Eri le Dim 12 Mai 2013 - 14:43

Bonjour, je me tourne vers vous en désespoir de cause car j'ai testé beaucoup de choses pour venir à bout de mon souci (en ayant cherché ici) ; en vain. Soit ça modifie mon codage, soit ça ne fonctionne pas ...

Voilà, mes balises codes et spoiler ne sont pas alignées. Tout fini par partir vers la droite.
Un aperçu de ce que ça donne en post :
Code:
http://ava-yorn.forumactif.org/t8-demande-de-partenariat#25

J'ai tenté aussi de tout aligner en incluant des choses dans ce code :
Code:
 .code, .quote, .spoiler{
no-repeat scroll 6px 8px rgb();
border-radius: 9px 9px 9px 9px;
text-align: justify;
color:#797D73; width: 400px; padding: 10px;
overflow: hidden;}


Mais rien n'y fait ... quelqu'un aurait-il une solution ?
Merci d'avance pour votre attention et vos conseils !

Cordialement ~



Dernière édition par Eri le Mer 15 Mai 2013 - 3:02, édité 1 fois

Eri
***

Féminin
Messages : 163
Inscrit(e) le : 13/10/2008

http://ava-yorn.forumactif.org/
Eri a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Décalage code, spoiler, quote

Message par MlleAlys le Dim 12 Mai 2013 - 15:12

pour aligner le spoiler de la même façon que le code, tu peux utiliser :
Code:
.spoiler {
  margin: 0px;
  width: 100%
}
.spoiler_content {
  padding: 10px;
}

et tu appliques le border-radius à " .spoiler td " ^^
(tu peux sinon aussi mettre le padding dans .spoiler td avec le border-radius, mais dans ce cas la barre du spoiler quand celui ci est fermé apparaîtra plus épaisse)

MlleAlys
+ Hyperactif +

Messages : 4405
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Décalage code, spoiler, quote

Message par Eri le Dim 12 Mai 2013 - 15:29

Merci pour cette réponse si rapide !

Alors j'ai pu aligner le spoiler, par contre, les balises code après un spoiler se décalent encore ; j'ai bien essayé d'appliquer la même chose à .code mais sans succès.

Cordialement ~

Eri
***

Féminin
Messages : 163
Inscrit(e) le : 13/10/2008

http://ava-yorn.forumactif.org/
Eri a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Décalage code, spoiler, quote

Message par MlleAlys le Dim 12 Mai 2013 - 15:38

aaaah... mais attend, tu aurais le code du post stp ? ^^" il y a des balises .postbody les unes dans les autres dans le code du post, et je ne comprends pas d'où elles viennent ><"
(du coup, il faudra peut être remettre la largeur du spoiler à 90%, mais je vais déjà essayer de comprendre ces .postbody ^^")

MlleAlys
+ Hyperactif +

Messages : 4405
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Décalage code, spoiler, quote

Message par Eri le Dim 12 Mai 2013 - 15:48

Le code du post que je montre ? ma foi y'a rien dedans mis à part des codes pour les couleurs ...

Après, ça n'a rien changé en le passant à 90% ; j'ai peut-être une erreur dans mon CSS ou des choses qui se contredisent ; je vous le passe au cas ou ...

Spoiler:

/*****GENERAL******/

body {cursor: url(https://i78.servimg.com/u/f78/13/64/32/02/04610.png), auto;}
a {cursor: url(https://i78.servimg.com/u/f78/13/64/32/02/03710.png), auto;}


table.bodylinewidth{
position:;
margin-top: -17px;}

a { text-decoration: none; text-shadow:2px 2px 3px black;}
a.forumlink:hover {text-decoration: none;}
a.gen:hover,a.genmed:hover,a.gensmall:hover{text-decoration: none;}
a:hover{text-decoration: none !important;}
a { font-variant: small-caps !important; }

a.forumlink{
margin-left: -370px;
text-shadow:2px 2px 3px black; font-family: 'Covered By Your Grace', cursive;
padding: 2px;
text-align: left;
font-size: 19px; letter-spacing: 0.0em;}


.secondarytitle h2{color: #82C949; position : relative;
text-shadow:2px 2px 3px black; font-size: 19px; letter-spacing: 0.0em; font-family: 'Covered By Your Grace', cursive;}


.coins {padding-left: 10px;}
a.forumlink:hover {text-decoration: none;}
a.gen:hover,a.genmed:hover,a.gensmall:hover{text-decoration: none;}
a:hover{text-decoration: none !important;}
a { font-variant: small-caps !important; }
.postbody{display: block; padding: 20px; text-align: justify; font-size: 11px; text-shadow:2px 2px 3px black; font-family: 'Nova Square', cursive;}
.signature_div {padding-left: 6px; padding-right: 6px; font-size: 12px;}
.yopp {font-size : px;}
u {border-bottom: 1px #940C0C;}
-RETRAIT : ce CSS pose de nombreux problèmes - { display: none; }
.barre1{background-color: dimgray; border: px silver solid;-moz-border-radius : 5px 5px 5px 5px;height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;font-size:15px;text-align:left;text-decoration: none !important;height:auto}
.statistiques{border:0px;background-image: url("http://i50.tinypic.com/xoppjp.jpg");background-repeat: no-repeat;background-color: black;background-position: center;height:270px;}
a.statistiques {font-size: 12px;}
.gensmall.statistiques {color: black;background-color: dimgray;-moz-background-opacity: 0.5;font-size: 13px;}
.yosh td { background-color: transparent; }


td.catLeft {border-width:0 0 0 0px !important;}
td.catBottom {border-width:0 0px 0px !important;}
td.catHead {border-width:0px 0px 0 !important;}
td.catRight {border-width:0 0 0 0px !important;}
td {border-width:0 0 0 0px !important;}
th, td, p {border-width:0 0 0 0px !important;}


.MenuDR {
height: 100px;
width: 180px;
padding:5px;
overflow:auto;}


.code, .quote, .spoiler{
no-repeat scroll 6px 8px rgb();
border-radius: 9px 9px 9px 9px;
text-align: justify!important; margin: 0px;
color:#797D73; width: 400px; padding: 10px;
overflow: hidden;}

.spoiler td { margin: 0px; width: 100%; display: block;}
.spoiler { margin: 0px; width: 90%;}
.spoiler_content {padding: 10px;}

.code td { margin: 0px; width: 100%; display: block;}
.code { margin: 0px; width: 100%;}
.code_content {padding: 10px;}

couleur0{ color: #559E2B;}
couleur1{ color: #DBCA0D;}
couleur2{ color: #ED661D;}
couleur3{ color: #D40808;}

/****CATEGORIE******/


.secondarytitle {
background-image: url(http://i42.tinypic.com/261g7s7.jpg);
background-position: top center; background-repeat: no-repeat;
width: 800px; height: 83px;}

.catégorie{
margin-top: -125px;
height: 120px; width: 800px;}

.sforum{
height: 70px; width: 150px; margin-left: -10px; font-size: 11px;}

.lastpost{
height: 70px; width: 200px;
margin-right: -95px;}

.categoriedesc{
overflow: auto; width: 320px; height: 70px;}

/*******PROFIL******/

.profil { font-size:10px; background-color : #000000; padding: 2px; ; text-align: justify;}

.profilextra {
color: #559E2B;
padding-top: 14px;
text-align: center;
text-shadow:2px 2px 3px black;
font-size: 22px ; font-family: 'Kaushan Script', cursive;}

.postdetails.poster-profile a img {
height: 320px; width: 200px;
-webkit-border-top-right-radius: 40px;
-moz-border-radius-topleft: 40px;
-moz-border-radius-topright: 40px;
border-top-left-radius: 40px;
border-top-right-radius: 40px;}

.name{
padding-top: 23px;
text-align: center;
text-shadow:2px 2px 3px black;
font-size: 15px ; font-family: 'Kaushan Script', cursive;}

.rank{
padding-top: 20px;
text-align: center;
text-shadow:2px 2px 3px black;
font-size: 12px ; font-family: 'Kaushan Script', cursive;}

.backprofil{
width: 206px; height: 500px;
background-image: url(https://i35.servimg.com/u/f35/17/15/41/23/back_p10.jpg);
background-position: top center; background-repeat: no-repeat;}




/* MISE EN FORME DES LISTES DE SUJETS */

.bloc_sujets{
margin: auto;
box-shadow: 0px 0px 3px #000000;
-o-box-shadow: 0px 0px 3px #000000;
-moz-box-shadow: 0px 0px 3px #000000;
-webkit-box-shadow: 0px 0px 3px #000000;
-htm-box-shadow: 0px 0px 3px #000000;
padding: 5px;}

.sujets{padding: 3px;}
.topictitle{font-variant: small-caps;font-size: 12px;}
.sujets_auteur{display: block;width: 200px;font-size: 11px;}
.sujet_last{display: block;width: 180px;height: 40px;
padding-top: 10px;font-size: 11px;}
.sujets_stats{text-align: right;margin-bottom: 5px;}
.sujets_stats_contenu{font-size: 10px;}

Merci beaucoup pour votre aide en tout cas !

Eri
***

Féminin
Messages : 163
Inscrit(e) le : 13/10/2008

http://ava-yorn.forumactif.org/
Eri a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Décalage code, spoiler, quote

Message par MlleAlys le Dim 12 Mai 2013 - 15:59

et le template a été modifié ? je ne m'y connais pas trop dans ce genre de chose, mais le problème vient bien de ces balises <div .postbody> qui s'ajoutent dans le message (un corps de message dans un corps de message dans un corps de message, avec à chaque fois la marge qui s'ajoute, c'est pour ça que ça se décale vers la droite...)

MlleAlys
+ Hyperactif +

Messages : 4405
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Décalage code, spoiler, quote

Message par Eri le Dim 12 Mai 2013 - 16:06

En effet il l'est !
Je comprend ce truc de postbody, je vais déjà essayer de relire le template pour voir si je peux y faire quelque chose par moi même et si non ; je reviens vers vous.

Merci vraiment !

Édit : Heu non en fait je vois bien les postbody mais quant à savoir s'il faut en enlever un ... c'est un vrai mystère
Je poste donc mon template ; en espérant qu'il soit plus parlant pour une autre tête que la mienne XD

Spoiler:
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}&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;colorscheme=light&amp;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&amp;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}&amp;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">
<center>
<div class="backprofil"> 
<div class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong><br/></div>
  <span class="rank">{postrow.displayed.POSTER_RANK}<br/></span>
<span class="rankpic">{postrow.displayed.RANK_IMAGE}</span><br/>
<div style="margin-top: 18px;
height: 320px; width: 200px; 
-webkit-border-top-right-radius: 40px;
-moz-border-radius-topleft: 40px;
-moz-border-radius-topright: 40px;
border-top-left-radius: 40px;
border-top-right-radius: 40px;
  box-shadow:0px 0px 4px #82C949;"><div class="postdetails poster-profile">{postrow.displayed.POSTER_AVATAR} </div></div><br>
  <center><div class="profilextra">Informations</div></center>
</div></center>

 <!-- BEGIN profile_field -->
<div class="profil">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</div>
<!-- END profile_field -->{postrow.displayed.POSTER_RPG}
<img src="http://i35.servimg.com/u/f35/17/15/41/23/back_p12.jpg">
<br/>         
<img src="http://illiweb.com/fa/empty.gif" alt="" style="width:200px;height:1px" />
</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>


Eri
***

Féminin
Messages : 163
Inscrit(e) le : 13/10/2008

http://ava-yorn.forumactif.org/
Eri a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Décalage code, spoiler, quote

Message par MlleAlys le Dim 12 Mai 2013 - 16:16

après ça vient peut être pas du template hein Oo
(je ne m'y connais pas assez, à mon avis faudra attendre quelqu'un d'autre pour t'aider ^^")


Dernière édition par MlleAlys le Lun 13 Mai 2013 - 11:26, édité 1 fois

MlleAlys
+ Hyperactif +

Messages : 4405
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Décalage code, spoiler, quote

Message par Scoubifitz le Lun 13 Mai 2013 - 6:49


Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Décalage code, spoiler, quote

Message par MlleAlys le Lun 13 Mai 2013 - 11:22

oooh ! merci ! =D en plus c'est super bien expliqué !

MlleAlys
+ Hyperactif +

Messages : 4405
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Décalage code, spoiler, quote

Message par Eri le Mer 15 Mai 2013 - 3:01

Je ne comprends plus rien o_o
J'ai retenté le div.postbody (que j'avais déjà essayé sans succès puisqu'il déformait mes post) et il fonctionne cette fois ... Je ne sais pas réellement ce qui le bloquait à mes premières tentatives. Le fait d'avoir ajouté les .code et .spoiler a peut-être joué ; je ne sais pas.

Quoi qu'il en soit ça fonctionne et c'est ça le plus important ! Merci beaucoup pour votre aide, je passe donc en résolu !

Cordialement ~

Eri
***

Féminin
Messages : 163
Inscrit(e) le : 13/10/2008

http://ava-yorn.forumactif.org/
Eri a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum