Sujets décalés vers la gauche en bas Bouton_activeSujets décalés vers la gauche en bas Bouton_hoverSujets décalés vers la gauche en bas Fb-hoverSujets décalés vers la gauche en bas Fb-active
AccueilForumÉquipe 
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!

Derniers sujets
» Système d'onglets simple et personnalisable
Sujets décalés vers la gauche en bas EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Sujets décalés vers la gauche en bas EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Sujets décalés vers la gauche en bas EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Sujets décalés vers la gauche en bas EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Sujets décalés vers la gauche en bas EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Sujets décalés vers la gauche en bas EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Sujets décalés vers la gauche en bas EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Sujets décalés vers la gauche en bas EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -28%
-28% Machine à café avec broyeur ...
Voir le deal
229.99 €

CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolusPartagez
 

Sujets décalés vers la gauche en bas

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Rivadeneira
Rivadeneira
{ Membre }
{ Membre }

Féminin Messages : 14



Sujets décalés vers la gauche en bas Empty
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 :

Sujets décalés vers la gauche en bas C8EBDAw66C

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 Sujets décalés vers la gauche en bas 2176505670
MessageSujet: Sujets décalés vers la gauche en bas   Sujets décalés vers la gauche en bas EmptyVen 13 Avr 2012, 08:21
Revenir en haut Aller en bas
Tupac
Tupac
{ Membre actif }
{ Membre actif }

Masculin Messages : 368



Sujets décalés vers la gauche en bas Empty
Bonjour

J'ai testé votre CSS et je n'ai pas rencontré ce problème.
Avez-vous modifié un template ? ( viewtopic_body ) par exemple.
MessageSujet: Re: Sujets décalés vers la gauche en bas   Sujets décalés vers la gauche en bas EmptyVen 13 Avr 2012, 10:54
Revenir en haut Aller en bas
Rivadeneira
Rivadeneira
{ Membre }
{ Membre }

Féminin Messages : 14



Sujets décalés vers la gauche en bas Empty
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}&nbsp;<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>
MessageSujet: Re: Sujets décalés vers la gauche en bas   Sujets décalés vers la gauche en bas EmptyVen 13 Avr 2012, 11:26
Revenir en haut Aller en bas
Tupac
Tupac
{ Membre actif }
{ Membre actif }

Masculin Messages : 368



Sujets décalés vers la gauche en bas Empty
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.
MessageSujet: Re: Sujets décalés vers la gauche en bas   Sujets décalés vers la gauche en bas EmptyVen 13 Avr 2012, 11:34
Revenir en haut Aller en bas
Rivadeneira
Rivadeneira
{ Membre }
{ Membre }

Féminin Messages : 14



Sujets décalés vers la gauche en bas Empty
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 ^^"
MessageSujet: Re: Sujets décalés vers la gauche en bas   Sujets décalés vers la gauche en bas EmptyVen 13 Avr 2012, 11:38
Revenir en haut Aller en bas
Tupac
Tupac
{ Membre actif }
{ Membre actif }

Masculin Messages : 368



Sujets décalés vers la gauche en bas Empty
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.
MessageSujet: Re: Sujets décalés vers la gauche en bas   Sujets décalés vers la gauche en bas EmptyVen 13 Avr 2012, 12:10
Revenir en haut Aller en bas
Hiro
Hiro
Ninja Codeur
Ninja Codeur

Masculin Messages : 1179



Sujets décalés vers la gauche en bas Empty
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.

Wink
MessageSujet: Re: Sujets décalés vers la gauche en bas   Sujets décalés vers la gauche en bas EmptyVen 13 Avr 2012, 12:15
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



Sujets décalés vers la gauche en bas Empty
    Hello Rivadeneira !
    Je viens aux nouvelles : ton problème est-il résolu ? (:
MessageSujet: Re: Sujets décalés vers la gauche en bas   Sujets décalés vers la gauche en bas EmptyMer 18 Avr 2012, 11:48
Revenir en haut Aller en bas
Rivadeneira
Rivadeneira
{ Membre }
{ Membre }

Féminin Messages : 14



Sujets décalés vers la gauche en bas Empty
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 *
MessageSujet: Re: Sujets décalés vers la gauche en bas   Sujets décalés vers la gauche en bas EmptyJeu 19 Avr 2012, 07:23
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



Sujets décalés vers la gauche en bas Empty
    D'accord (:
    Dans ce cas, je déplace =D
MessageSujet: Re: Sujets décalés vers la gauche en bas   Sujets décalés vers la gauche en bas EmptyJeu 19 Avr 2012, 13:22
Revenir en haut Aller en bas
Contenu sponsorisé




Sujets décalés vers la gauche en bas Empty
MessageSujet: Re: Sujets décalés vers la gauche en bas   Sujets décalés vers la gauche en bas Empty
Revenir en haut Aller en bas
 

Sujets décalés vers la gauche en bas

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Forum à Gauche oO'
» Overflow sur la gauche + PHP
» Titres décalés
» Texte & Liens décalés
» Case à gauche

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-
ChatBox
:
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  Connexion  S'enregistrerS'enregistrer  

Partenaires Or

← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forumactif.com