CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur: Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! |
| Sujets décalés vers la gauche en bas | |
| Rivadeneira
{ Membre }
Messages : 14
| Bonjour/Bonsoir (selon l'heure à laquelle vous me lisez ^^), J'ai un petit souci avec mon forum Iciii !! . En effet, ma co-admin et moi-même avons voulu apporter un peu plus à notre forum et donc avons modifié la feuille CSS, jusque là rien de grave sauf que l'on s'est aperçues d'un petit souci. Lorsque l'on se trouve sur la page d'un sujet, on remarque en bas de celle-ci (où il y a écrit "Page", que ce petit morceau du forum est décalé vers la gauche). Mais comme une image vaut mieux que mille mots, je vous expose ça de suite : Je joins également la feuille CSS modifiée afin de mieux vous éclairer. - Code:
-
tr.post span.gensmall {display:none} body {
}
.bodyline { background: #99cccc; }
.bodylinewidth { width: 900px; }
.bodyline { width: 900px; padding: 0; background: #BFCF99; border-left: 5px solid #985745; border-right: 5px solid #985745; box-shadow: 0px 0px 10px #000000; -moz-box-shadow: 0px 0px 10px #000000; -o-box-shadow: 0px 0px 10px #000000; -htm-box-shadow: 0px 0px 10px #000000; -webkit-box-shadow: 0px 0px 10px #000000; }
.bodylinewidth { width: 900px; margin-left: auto; margin-right: auto; margin-top: -9px; margin-bottom: -9px; }
#navigation { position: fixed; z-index: 999; height: 30px; width: 100%; margin-left: -8px; } #navig { width: 900px; margin: auto; text-align: center; background: #985745 border-bottom: 2px solid #A00000; padding-bottom: 3px; } #navig a { font-weight: bold; }
#navig a { font-weight: bold; color: #b9b9b9 !important; text-shadow: 1px 1px 0px #ba8664; } #navig a:hover { color: #efefef !important; }
a:link, a:link hover { text-decoration: none !important; }
.forumline { width: 98%; margin: auto; } table { width: 98%; margin: auto; }
.cate_titre { width: 98%; margin: auto; text-align: justify; } .categorie { width: 98%; margin: auto; margin-top: 10px; margin-bottom: 10px; background: #B78664; border-top: 3px radius #4c4842; border-bottom: 3px radius #ffffff; border-right: 3px radius #ffffff; border-left: 3px radius #ffffff; box-shadow: 0px 0px 5px #595959; -moz-box-shadow: 0px 0px 5px #595959; -o-box-shadow: 0px 0px 5px #595959; -htm-box-shadow: 0px 0px 5px #595959; -webkit-box-shadow: 0px 0px 5px #595959; } .forum { width: 98%; margin-left: auto; margin-right: auto; margin-top: 5px; margin-bottom: 5px; background: #EBDDBB; border: 1px dotted #a6bf70; padding: 2px; } .forumlink { display: block; width: 600px; font-variant: small-caps; letter-spacing: 2px; padding-left: 20px; text-shadow: 1px 1px 0px #ffffff; } .forumlink a { font-size: 16px; border-bottom: 2px dotted #92b356; } .description { display: block; width: 500px; margin: auto; font-size: 11px; text-align: justify; color: #93b359; } .illu { float: justify; margin-left: 10px; margin-bottom: 10px; border: 1px solid #c0c0c0; background: #e9e9e6; padding: 5px; }
.stats_last { display: block; width: 100px; margin: auto; background: #EFE5CE; padding: 10px; border: 1px dotted #A6BF70; } .stats { display: block; text-align: center; font-size: 10px; color: #A6BF70; border-bottom: 1px solid #A6BF70; padding-bottom: 4px; margin-bottom: 4px; } .last { display: block; text-align: center; font-size: 11px; } .sous_forum { display: block; width: 98%; margin: auto; background: #b78664; padding: 2px; text-align: justify; }
.profil { width: 210px; margin: auto; padding: 4px; background: #efe5ce; border: 1px dotted #A6BF70; text-align: justify; padding-left: -10px; }
.post .name { font-family:'Cookie', cursive; } .ombre {text-shadow: #90674D 1px 1px 1px;} .profil_avatar { border: 1px dotted #A6BF70; background: #d29c76; padding: 4px; }
.message_contenu { text-align: justify; font-size: 12px; padding: 10px; }
/*----------------- Ma général ----------------- */
/* Pour les défilement */ #scroller_container { padding-top: 15px; overflow: hidden; } /* CSS Hack Safari */ #dummy { ;# } #scroller_container { overflow: auto; }
/*le tableau invisible */
.table25 { border: none ; }
/* Liens */
.a2 { display: block; width: 130px; color: #EFE5CE; text-align:center; border: 1px solid #BA8664; -moz-border-radius: 5px; height: 30px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; }
.a2:hover {
background-color: #c0d397; color: white; }
#table22 /* fond du ma */ { width: 770px; background-color: #B38060; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; }
/*-----------------Titre----------------- */
/* Le titre special pour le texte de bienvenu */
.h2_themebienvenu { font-size: 14px; background-color: #9EB96C; padding: 6px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; color: white; text-align: center; margin: 10px; /max-width: 367px; }
/* le titre special pour les credits */
.h2_themecredit { font-size: 14px; background-color: #9EB96C; padding: 6px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; color: white; text-align: center; margin: 10px; /max-width: 160px; }
/* le titre pour les autres boites */
.h2_theme { font-size: 14px; background-color: #9EB96C; padding: 6px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; color: white; text-align: center; margin: 10px;
}
/* effet de transparance FF */
.transparence { background-color: transparent; border: none; opacity: 0.5; }
.transparence:hover{ background-color: transparent; border: none; opacity: 2; }
/*-----------------Les boites contenant les textes----------------- */
/* Navigation */
.navi_ma { background-color:#EFE5CE; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; color: #A6BF70; font-size: 16px; height: 300px; margin: 10px; width: 130px; padding: 5px; line-height:34px; -webkit-box-shadow: 4px 4px 0 #985745; -moz-box-shadow: 4px 4px 0 #985745; -khtml-box-shadow: 4px 4px 0 #985745; padding-top: 20px;
}
/* News */
.news { background-color: #EFE5CE; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; color: #985745; font-size: 14px; height: 120px; width: 160px; margin: 10px; overflow-y: auto; overflow-x: visible; padding: 5px; -webkit-box-shadow: 4px 4px 0 #985745; -moz-box-shadow: 4px 4px 0 #985745; -khtml-box-shadow: 4px 4px 0 #985745; }
/* Partenaires */
.partenaire_test { background-color: #EFE5CE; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; color: #985745; font-size: 14px; height: 105px; width: 160px; margin: 10px; padding: 5px; -webkit-box-shadow: 4px 4px 0 #985745; -moz-box-shadow: 4px 4px 0 #985745; -khtml-box-shadow: 4px 4px 0 #985745; padding-top: 20px;
}
/* message de bienvenu */
#bienvenu_ma { background-color: #EFE5CE; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; color: #985745; font-size: 14px; height: 120px; margin: 10px; overflow-y: auto; overflow-x: visible; padding: 5px; -webkit-box-shadow: 4px 4px 0 #985745; -moz-box-shadow: 4px 4px 0 #985745; -khtml-box-shadow: 4px 4px 0 #985745; width: 370px; } /* membres staffs */
.staff { background-color: #EFE5CE; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; color: black; font-size: 10px; height: 105px; width: 180px; margin: 10px; padding: 5px; font-size: 14px; -webkit-box-shadow: 4px 4px 0 #985745; -moz-box-shadow: 4px 4px 0 #985745; -khtml-box-shadow: 4px 4px 0 #985745; padding-top: 20px; }
/*crédits */
.credits { background-color: #EFE5CE; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; color: #985745; font-size: 14px; height: 105px; width: 160px; margin: 10px; padding: 5px; -webkit-box-shadow: 4px 4px 0 #985745; -moz-box-shadow: 4px 4px 0 #985745; -khtml-box-shadow: 4px 4px 0 #985745; padding-top: 20px;
}
/*-----------------inffobulles----------------- */
div.infobulle { position: relative; float: left; color: #985745; }
div.infobulle span { display: none; /* ceci masque l'infobulle */ } div.infobulle:hover { background: none; /* correction d'un bug IE */ z-index: 999; /* on définit une valeur pour l'ordre d'affichage */ color: #985745; }
/* style de l infobulle */
div.infobulle:hover span { display: inline; /* on affiche l'infobulle */ position: absolute; top: 10px; /* on positionne notre infobulle */ background-color: #EFE5CE; color: #985745; padding: 3px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */ text-align: center; font-size: 14px; }
/* QEEl */
.tableauqueel{ background-color : #EBDDBB ; border : solid 3px #709930; -moz-border-radius : 10px 10px 10px 10px}
.partiedroite { font-size : 10px ; border-left : 2px dotted #709930 ; padding-left : 10x }
.groupes{ background-color:#CBDAA9 ; border: 1px color #EBDDBB ; -moz-border-radius : 10px 10px 10px 10px; height:40px; padding-right:12px; padding-left:14px; padding-bottom:3px; font-size:14px ;font-weight: bold; text-align:center; font-color : #9C5E49 ; text-decoration: none !important; }
.bouton-profil { cursor: pointer; /* curseur au survol */ margin: 2px 0; /* petite marge en haut et en bas */ padding: 2px; /* espacement entre le texte et la bordure */ text-align: center; /* centrage du texte dans le bloc */ /* -- mise en forme -- */ background: #f1e3c3; /* couleur de fond */ border: 1px dotted #A6BF70; /* bordure */ color: #709930; /* couleur texte */ font-size: 11px; /* taille du texte */ font-variant: small-caps; /* effet petites majuscules */ font-weight: bold; /* effet gras */ letter-spacing: 2px; /* espace entre les lettres */ }
.profil-cache { border: 1px dotted #A6BF70; background : #EBDDBB; margin: 2px 0; padding: 2px; }
.opacity img { filter:alpha(opacity=50); -moz-opacity:0.5;opacity: 0.5; }
.opacity img:hover { filter:alpha(opacity=100); -moz-opacity:1;opacity: 1; }
#page-body { width: 900px; margin: auto; }
div.topictitle { display: inline; font-variant: small-caps; } h2.topic-title { display: inline; margin: 0; padding: 0; font-variant: normal; }
Je remercie d'avance quiconque se penchera sur mon problème, je lui fais des câlins en remerciement d'avance xD. Merci de prendre le temps pour mon petit souci, vous seriez des petits n'anges | | |
| | | Tupac
{ Membre actif }
Messages : 368
| Bonjour
J'ai testé votre CSS et je n'ai pas rencontré ce problème. Avez-vous modifié un template ? ( viewtopic_body ) par exemple. | | |
| | | Rivadeneira
{ Membre }
Messages : 14
| Merci pour cette réponse rapide ! Alors, j'ai modifié des templates mais je ne me souviens pas avoir effectué un changement sur celui-ci mais je pense que ma co-admin l'a modifié afin d'obtenir je ne sais plus trop quoi. Du coup, je serai une bien mauvaise aide pour trouver le quoi xD. Bref, je vous mets le lien ici en espérant que ça aide ! - 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"> <div class="profil"><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a>{postrow.displayed.POSTER_RANK}<br /> {postrow.displayed.RANK_IMAGE}<div class="profil_avatar">{postrow.displayed.POSTER_AVATAR}</div><br><strong><div align="center"><font size="5,5"><span class="ombre">{postrow.displayed.POSTER_NAME}</span></div></font></strong></span><br /> <div class="postdetails poster-profile"> <!-- BEGIN profile_field --> {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR} <!-- END profile_field --> <div onClick="a=this.nextSibling.style;a.display=(a.display==''?'none':'')" class="bouton-profil">En savoir plus</div> <div class="profil-cache" style="display: none"> {postrow.displayed.POSTER_RPG} </div><br /> <img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" /></div> </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 class="message_contenu">{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> | | |
| | | Tupac
{ Membre actif }
Messages : 368
| Votre template a déformé le forum,il vous faut éditer votre message et placer le template entre les balises CODE.
EDIT: le temps que je poste le problème a été résolu. | | |
| | | Rivadeneira
{ Membre }
Messages : 14
| Toutes mes excuses, ma souris beugouille en ce moment et j'ai sans faire exprès cliqué sur le mauvais bouton, m'en suis aperçue après enfin voila ^^" | | |
| | | Tupac
{ Membre actif }
Messages : 368
| Ok bon ça vient de votre CSS,repérez le CSS suivant dans votre feuille de style. - Code:
-
table{ width: 98%; margin: auto; } puis retirer le MARGIN: AUTO normalement ça devrait fonctionner. | | |
| | | Hiro
Ninja Codeur
Messages : 1179
| Salut, Dans cette partie là : - Code:
-
<table id="ptrafic_open" class="forumline" width="100%" cellspacing="0" cellpadding="1" border="0" style="display:'';margin: 1px 0px 1px 0px">
Supprimez le style. Et ici : - Code:
-
<table class="forumline noprint" width="100%" cellspacing="0" cellpadding="0" border="0" style=" border-top: 0px;">
Supprimez le margin. | | |
| | | Psycho
Psychopathe
Messages : 3407
| Hello Rivadeneira ! Je viens aux nouvelles : ton problème est-il résolu ? (: | | |
| | | Rivadeneira
{ Membre }
Messages : 14
| Hey, désolée pour ne pas avoir répondu, je suis en plein dans les cartons de déménagement et le wifi beugue à mort en ce moment. Oui, je vous remercie tous pour votre aide !! * Câlinous * | | |
| | | Psycho
Psychopathe
Messages : 3407
| D'accord (: Dans ce cas, je déplace =D | | |
| | | Contenu sponsorisé
| | | | | Sujets décalés vers la gauche en bas | |
|
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|