[Question] problème d'affichage des profils avec fiche html

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

Résolu [Question] problème d'affichage des profils avec fiche html

Message par Heung-Min Hidem le Mar 19 Aoû 2014 - 18:30

Bonjour,

Je rencontre un problème d'affichage des profils sur les sujets quand je poste une fiche en html.
Je ne vois pas pourquoi  Confused 

Voici un lien pour voir le problème en direct sur mon forum test:
http://test-kpopfans.forumactif.org/t24-bug_profil#69

On peut voir une différence entre un message avec la fiche et l'autre sans :/

voici mon CSS:
Code:
#search-box{
        visibility:hidden;
        }
   
/*********POSITION ICONE******************************************************/
dl.icon {
                min-height: 53px;
                background-position: left top;
                background-repeat: no-repeat;
                height: auto !important;
                }
                ul.topics dt {
                padding-left: 79px;
                display: block;
                float: left;
                width: 50%;
                }



/**********toolbar********************************************************/

        #fa_toolbar {
  #fa_toolbar_hidden;
}
        #fa_share {
  display: none!important;
}

        div#fa_search {display:none!important;}


/************AFFICHAGE FORUM*****************************************/



.forabg{
        padding:0 !important;
        }

        .forumbg{
          padding:0 !important;
        }
       
        .forumbg table.table1{
          margin:0 !important;
        }

        dd.lastpost{
          width:22% !important;
        }

       

/**************ICONE DE SUJET*********************************************************************/

                     

.tunique {
          background-color: #F7E7AF;
        }

/******************TAG MODERATION RAPIDE************************************************************************/

/*()Bouton avertissement rapide */
       
        .mod_mess, .adm_mess {
        margin: 5px auto;
        width: 90%;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        }
       
        .mod_mess a.postlink, .adm_mess a.postlink {
        color: #FFF !important;
        text-decoration: underline !important;
        }
       
        /* administrateur bb-Code - bloc de message d'enregistrement */
       
        .adm_mess {
        background: #e54858;
        background: -moz-linear-gradient(left, #e54858 0%, #f5b57a 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e54858), color-stop(100%, #f5b57a));
        background: -webkit-linear-gradient(left, #e54858 0%, #f5b57a 100%);
        background: -o-linear-gradient(left, #e54858 0%, #f5b57a 100%);
        background: -ms-linear-gradient(left, #e54858 0%, #f5b57a 100%);
        background: linear-gradient(left, #e54858 0%, #f5b57a 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e54858", endColorstr="#f5b57a", GradientType=1);
        -webkit-box-shadow: 4px 4px 0px 0px #352727;
        -moz-box-shadow: 4px 4px 0px 0px #352727;
        box-shadow: 4px 4px 0px 0px #352727;
        }
       
        /* Administrateur bb-Code - mise en page */
        .adm_mess .titl {
        font-size: 15px;
        font-weight: bold;
        padding: 5px;
        border-bottom: 1px dashed #B60505; 
        }
           
        /* Administrateur BB-Code - présentation du texte */
        .adm_mess .titl + div {
        display: block;
        margin-left: 10px;
        padding: 25px 5px 25px 80px;
        background: transparent url(http://i33.servimg.com/u/f33/17/37/83/89/gnome-10.png) no-repeat left center;
        }
       
        /* Messages BB-Code - bloc de message d'enregistrement */
       
        .mod_mess {
        background: #5c93f5;
        background: -moz-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, #5c93f5), color-stop(100%, #afcfda));
        background: -webkit-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
        background: -o-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
        background: -ms-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
        background: linear-gradient(left, #5c93f5 0%, #afcfda 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5c93f5", endColorstr="#afcfda", GradientType=1);
        -webkit-box-shadow: 4px 4px 0px 0px #352727;
        -moz-box-shadow: 4px 4px 0px 0px #352727;
        box-shadow: 4px 4px 0px 0px #352727;
        }
       
        /* Messages BB-Code - Un titre */
        .mod_mess .titl {
        font-size: 15px;
        font-weight: bold;
        padding: 5px;
        border-bottom: 1px dashed #0D4DD3;   
        }
           
        /* modernité BB-Code - présentation du texte */
        .mod_mess .titl + div {
        display: block;
        margin-left: 10px;
        padding: 25px 5px 25px 80px;
        background: transparent url(http://icons.iconarchive.com/icons/custom-icon-design/pretty-office-2/72/personal-information-icon.png) no-repeat left center; 
        }

/*Reglages_Structure*/
.widgetleft {position: fixed; top: 0px; left: 0px; width: auto; height: 100%; overflow-y: auto;}
.widgetleft .mainwidgetleft {display: none;}
.widgetleft:hover .mainwidgetleft {display: block;}

/*Panneau_Widgets_SFBB*/
.widgetleft:hover {padding-left: 10px; padding-right: 10px; width: 180px;}
.widgetleft {background: #ffffff url('http://i14.servimg.com/u/f14/12/84/77/49/le_fil11.png') top right repeat-y; min-width: 20px;}
.widgetleft:hover {background: #ffffff url('http://i14.servimg.com/u/f14/11/44/03/73/le_fil13.png') top right repeat-y;}


     
/******************TAG MODERATION*******************************************/

.corbeille {
    background-image: url('http://icons.iconarchive.com/icons/tatice/cristal-intense/48/Corbeille-pleine-2-icon.png'); /*--- Image de la corbeille ---*/
    background-repeat: no-repeat; /*--- On ne fait apparaître l'image qu'une seule fois ---*/
    background-position: center left; /*--- On positionne notre corbeille au milieu à gauche ---*/
    background-color: #DDD; /*--- Couleur de fond ---*/
    border: 1px solid #888888; /*--- Taille, type et couleur de la bordure ---*/
    color: #444444; /*--- Couleur du texte ---*/
    padding-left: 55px; /*--- On espace la bordure gauche du texte de 55px ---*/
    min-height: 60px; /*--- On donne une hauteur minimale de 60px au tableau ---*/
}

.support {
    background-image: url('http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/48/Categories-preferences-other-icon.png'); /*--- Image de la corbeille ---*/
    background-repeat: no-repeat; /*--- On ne fait apparaître l'image qu'une seule fois ---*/
    background-position: center left; /*--- On positionne notre corbeille au milieu à gauche ---*/
    background-color: #DDD; /*--- Couleur de fond ---*/
    border: 1px solid #888888; /*--- Taille, type et couleur de la bordure ---*/
    color: #444444; /*--- Couleur du texte ---*/
    padding-left: 55px; /*--- On espace la bordure gauche du texte de 55px ---*/
    min-height: 60px; /*--- On donne une hauteur minimale de 60px au tableau ---*/
}

.suggestion {
    background-image: url('http://icons.iconarchive.com/icons/designcontest/ecommerce-business/48/idea-icon.png'); /*--- Image de la corbeille ---*/
    background-repeat: no-repeat; /*--- On ne fait apparaître l'image qu'une seule fois ---*/
    background-position: center left; /*--- On positionne notre corbeille au milieu à gauche ---*/
    background-color: #F7F701; /*--- Couleur de fond ---*/
    border: 1px solid #888888; /*--- Taille, type et couleur de la bordure ---*/
    color: #444444; /*--- Couleur du texte ---*/
    padding-left: 55px; /*--- On espace la bordure gauche du texte de 55px ---*/
    min-height: 60px; /*--- On donne une hauteur minimale de 60px au tableau ---*/
}

.suggestion2 {
    background-image: url('http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/48/Apps-preferences-system-power-management-icon.png'); /*--- Image de la corbeille ---*/
    background-repeat: no-repeat; /*--- On ne fait apparaître l'image qu'une seule fois ---*/
    background-position: center left; /*--- On positionne notre corbeille au milieu à gauche ---*/
    background-color: #DDD; /*--- Couleur de fond ---*/
    border: 1px solid #888888; /*--- Taille, type et couleur de la bordure ---*/
    color: #444444; /*--- Couleur du texte ---*/
    padding-left: 55px; /*--- On espace la bordure gauche du texte de 55px ---*/
    min-height: 60px; /*--- On donne une hauteur minimale de 60px au tableau ---*/
}

     
.deplace {
    background-image: url('http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/48/Actions-edit-redo-icon.png'); /*--- Image de la corbeille ---*/
    background-repeat: no-repeat; /*--- On ne fait apparaître l'image qu'une seule fois ---*/
    background-position: center left; /*--- On positionne notre corbeille au milieu à gauche ---*/
    background-color: #70C199; /*--- Couleur de fond ---*/
    border: 1px solid #888888; /*--- Taille, type et couleur de la bordure ---*/
    color: #444444; /*--- Couleur du texte ---*/
    padding-left: 55px; /*--- On espace la bordure gauche du texte de 55px ---*/
    min-height: 60px; /*--- On donne une hauteur minimale de 60px au tableau ---*/
}

.fichea {
    background-image: url('http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/48/Actions-user-group-new-icon.png'); /*--- Image de la corbeille ---*/
    background-repeat: no-repeat; /*--- On ne fait apparaître l'image qu'une seule fois ---*/
    background-position: center left; /*--- On positionne notre corbeille au milieu à gauche ---*/
    background-color: #70C199; /*--- Couleur de fond ---*/
    border: 1px solid #888888; /*--- Taille, type et couleur de la bordure ---*/
    color: #444444; /*--- Couleur du texte ---*/
    padding-left: 55px; /*--- On espace la bordure gauche du texte de 55px ---*/
    min-height: 60px; /*--- On donne une hauteur minimale de 60px au tableau ---*/
}

.ficheb {
    background-image: url('http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/48/Actions-user-group-delete-icon.png'); /*--- Image de la corbeille ---*/
    background-repeat: no-repeat; /*--- On ne fait apparaître l'image qu'une seule fois ---*/
    background-position: center left; /*--- On positionne notre corbeille au milieu à gauche ---*/
    background-color: #FB0154; /*--- Couleur de fond ---*/
    border: 1px solid #888888; /*--- Taille, type et couleur de la bordure ---*/
    color: #444444; /*--- Couleur du texte ---*/
    padding-left: 55px; /*--- On espace la bordure gauche du texte de 55px ---*/
    min-height: 60px; /*--- On donne une hauteur minimale de 60px au tableau ---*/
}
       
.date {
    background-image: url('http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/48/Actions-view-pim-calendar-icon.png'); /*--- Image de la corbeille ---*/
    background-repeat: no-repeat; /*--- On ne fait apparaître l'image qu'une seule fois ---*/
    background-position: center left; /*--- On positionne notre corbeille au milieu à gauche ---*/
    background-color: #70C199; /*--- Couleur de fond ---*/
    border: 1px solid #888888; /*--- Taille, type et couleur de la bordure ---*/
    color: #444444; /*--- Couleur du texte ---*/
    padding-left: 55px; /*--- On espace la bordure gauche du texte de 55px ---*/
    min-height: 60px; /*--- On donne une hauteur minimale de 60px au tableau ---*/
}

.attention {
    background-image: url('http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/48/Emblems-emblem-important-icon.png'); /*--- Image de la corbeille ---*/
    background-repeat: no-repeat; /*--- On ne fait apparaître l'image qu'une seule fois ---*/
    background-position: center left; /*--- On positionne notre corbeille au milieu à gauche ---*/
    background-color: #FB0154; /*--- Couleur de fond ---*/
    border: 1px solid #888888; /*--- Taille, type et couleur de la bordure ---*/
    color: #444444; /*--- Couleur du texte ---*/
    padding-left: 55px; /*--- On espace la bordure gauche du texte de 55px ---*/
    min-height: 60px; /*--- On donne une hauteur minimale de 60px au tableau ---*/
}

.question {
    background-image: url('http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/48/Categories-system-help-icon.png'); /*--- Image de la corbeille ---*/
    background-repeat: no-repeat; /*--- On ne fait apparaître l'image qu'une seule fois ---*/
    background-position: center left; /*--- On positionne notre corbeille au milieu à gauche ---*/
    background-color: #2275F2; /*--- Couleur de fond ---*/
    border: 1px solid #888888; /*--- Taille, type et couleur de la bordure ---*/
    color: #444444; /*--- Couleur du texte ---*/
    padding-left: 55px; /*--- On espace la bordure gauche du texte de 55px ---*/
    min-height: 60px; /*--- On donne une hauteur minimale de 60px au tableau ---*/
}


.graph {
    background-image: url('http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/48/Categories-applications-graphics-icon.png'); /*--- Image de la corbeille ---*/
    background-repeat: no-repeat; /*--- On ne fait apparaître l'image qu'une seule fois ---*/
    background-position: center left; /*--- On positionne notre corbeille au milieu à gauche ---*/
    background-color: #DF4FAF; /*--- Couleur de fond ---*/
    border: 1px solid #888888; /*--- Taille, type et couleur de la bordure ---*/
    color: #444444; /*--- Couleur du texte ---*/
    padding-left: 55px; /*--- On espace la bordure gauche du texte de 55px ---*/
    min-height: 60px; /*--- On donne une hauteur minimale de 60px au tableau ---*/
}


.kpopfans {
    background-image: url('http://img4.hostingpics.net/pics/44521663LT.png'); /*--- Image de la corbeille ---*/
    background-repeat: no-repeat; /*--- On ne fait apparaître l'image qu'une seule fois ---*/
    background-position: center left; /*--- On positionne notre corbeille au milieu à gauche ---*/
    background-color: #E9A92A; /*--- Couleur de fond ---*/
    border: 1px solid #888888; /*--- Taille, type et couleur de la bordure ---*/
    color: #444444; /*--- Couleur du texte ---*/
    padding-left: 55px; /*--- On espace la bordure gauche du texte de 55px ---*/
    min-height: 60px; /*--- On donne une hauteur minimale de 60px au tableau ---*/
}




/********** SOULIGNEMENT PSEUDOS *********************************************************************************/
a { text-decoration: none; }



/********** CHATBOX *********************************************************************************/

body.chatbox{
 background-image:url(URL);
}
 
.chatbox_row_1,.chatbox_row_2,.chatbox_row_3 {
background: none;
}


/***************************************************************************/
td.row1.over:hover .respos {
display: block;
}
 
.respos {
display: none;
position: absolute;
}

body.chatbox {
    background-color: #ffffff;
}
/********FICHE ***********************************************************/
 
/* DEBUT - CSS FICHE */
.reglement fieldset {
  -webkit-border-radius: 20px;
  -webkit-border-top-right-radius: 50px;
  -webkit-border-bottom-left-radius: 50px;
  -moz-border-radius: 20px;
  -moz-border-radius-topright: 50px;
  -moz-border-radius-bottomleft: 50px;
  border-radius: 20px;
  border-top-right-radius: 50px;
  border-bottom-left-radius: 50px;
  text-align: justify;
  border: 3px solid Crimson;
  padding: 0px;   
}

.reglement fieldset p {
  padding: 10px;
}

.reglement fieldset legend {
  font-size: 25px;
  padding: 10px;
  color : Crimson;
  font-family: Georgia;
  font-style: italic;
  text-transform: uppercase;
  text-shadow: 1px 1px 0px white;
  align: center;
}

.soustitre {
  display: block;
  -webkit-border-radius: 20px;
  -webkit-border-top-right-radius: 50px;
  -webkit-border-bottom-left-radius: 50px;
  -moz-border-radius: 20px;
  -moz-border-radius-topright: 50px;
  -moz-border-radius-bottomleft: 50px;
  border-radius: 20px;
  border-top-right-radius: 50px;
  border-bottom-left-radius: 50px;
  margin-left: -3px;
  background-color: Crimson;
  text-align: center;
  color: white;
}
/* FIN - CSS FICHE */

/* debut fiche de presentation des groupes */
/* cadre exterieur */
 
.bandprez{
  width:500px;
  margin:0 auto;
  background-color: #DEDDDD;
}
 
/* cadre image du groupe */
 
.bandtof{
  width:500px;
  height:200px;
  position:relative;
}
 
/* titre banderolle du groupe */
 
.bandtof div{
  width:500px;
  position:absolute;
  bottom:0;
  background:Black;
  z-index:1;
  opacity:0.8;
  filter:alpha(opacity=80);
  -moz-opacity:0.8;
  -khtml-opacity:0.8;
  text-align:center;
  font-family:Arial;
  font-size:12px;
  text-transform:uppercase;
  line-height:16px;
  color:White;
}
 
/* style du contenu */
 
.bandcontent{
  padding:30px;
  text-align:justify;
  font-family:Arial;
  font-size:12px;
  line-height:12px;
  color:#1D1D1D;
}
 
/* grands titres */
 
.bandtitle{
  text-align: center;
  font-family: Fjalla One;
  font-size: 24px;
  text-transform: uppercase;
  padding-top: 10px;
}
/* fin fiche de presentation des groupes */

/*****************************************************************************/

            .desc-search{margin-left:20px;visibility:hidden}
        .row1:hover .desc-search{visibility:visible}
        .desc-search input{font-size:10px!important;height:18px!important;width:35%}

    /*****************************************************/

/*
    =======================================================
    MISE EN FORME PERSONNALISEE DU QUI EST EN LIGNE
    Code proposé par Miki sur CSSActif
    Correction par CSSActif - http://www.css-actif.com
    =======================================================
    DEBUT DU CODE
    =======================================================
    */

    /* Conteneur du QEEL */
    .Qeel {
      border:0px;
      background: url("URL_IMAGE") no-repeat top center;
      min-height:HAUTEUR_QEELpx;
    }

    /* Conteneur principal */
    .QeelMain {
      padding-left:ESPACEMENTpx;
    }

    .ListeGroupes {
      text-align:center;
    }

    /* Mise en forme des liens des groupes */
    .ListeGroupes a {
      display:inline-block;
      background:#FFFFFF; /* couleur de fond */
      border: 1px #D0D0D0 dotted; /* bordure : épaisseur couleur style */
      padding:2px 5px; /* espacement 'intérieur' haut/bas et droite/gauche */
      margin:4px 5px; /* espacement 'extérieur' haut/bas et droite/gauche */
      font-size:15px; /* taille du texte */
      font-weight: bold; /* épaisseur du texte */
      text-decoration: none !important; /* pas de soulignement */
      /* coins arrondis (tous navigateurs) */
      border-radius:5px;
      -moz-border-radius : 5px;
      -webkit-border-radius:5px;
    }

    /* Mise en forme des liens des groupes au survol */
    .ListeGroupes a:hover {
      background:#F0F0F0;
      color:#990000;
    }

    /* Pour chaque groupe, préciser la couleur */
    a.groupe1 { color:#FF0000; }
    a.groupe2 { color:#0A854E; }
    a.groupe3 { color:#E460F0; }
    a.groupe4 { color:#268FB5; }

    /* Affichage des statistiques du forum (nombre de sujets, de messages, de membres) */
    .LesStatistiques {
      text-align:center;
      margin:10px 0; /* marges haut/bas et droite/gauche */
    }

    /* Affichage des membres en ligne (nombres d'enregistrés/invisibles/invités et liste des membres en ligne) */
    .MembresOnline {
      text-align:center;
      margin:10px 0; /* marges haut/bas et droite/gauche */
    }

    /* Affichage des membres connectés au cours des dernières XX heures */
    .Historique {
      text-align:center;
      margin:10px 0; /* marges haut/bas et droite/gauche */
    }

    /* Correctif liste 24h */
    .Liste24h td.row1 { background : none; }

    /*
    =======================================================
    MISE EN FORME PERSONNALISEE DU QUI EST EN LIGNE
    =======================================================
    FIN DU CODE
    =======================================================
        /*
 

Mon template "viewtopic_body":

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(){

    if(typeof(_atc) == "undefined") {
        _atc = {  };
    }

    _atc.cwait = 0;
    $('.addthis_button').mouseup(function(){
        if ($('#at15s').css('display') == 'block') {
            addthis_close();
        }
    });
});

var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
    try
    {
        var regId = parseInt(id, 10);
        if( isNaN(regId) ) { regId = 0; }

        if( regId > 0)
        {
            $('.post--' + id).toggle(0, function()
        {
            if( $(this).is(":visible") )
            {
              $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
            }
            else
            {
              $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
            }
        });
        }
    }
    catch(e) { }

  return false;
};

//]]>
</script>

<h1 class="page-title">
  <a href="{TOPIC_URL}">{TOPIC_TITLE}</a>
</h1>
<div class="topic-actions">
  <div class="buttons">

      <!-- BEGIN switch_user_authpost -->
      <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a> 
      <!-- END switch_user_authpost -->

      <!-- BEGIN switch_user_authreply -->
      <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
      <!-- END switch_user_authreply -->
  </div>

  <div class="pathname-box">
      <p itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
            <a class="nav" href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a>
            <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}" itemprop="url"><span itemprop="title">{L_ALBUM}</span></a>-->
            {NAV_CAT_DESC}
        </p>
  </div>

  <p class="right">
      <!-- BEGIN switch_fb_likebtn -->
      <script>(function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));</script>
      <span class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></span>
      <!-- END switch_fb_likebtn -->
  </p>

  <div class="pagination">
      {PAGE_NUMBER}
      •
      <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_new('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
      //]]>
      </script>
      <!-- END switch_plus_menu -->
  </div>
  <div class="clear"></div>
</div>

<!-- BEGIN topicpagination -->
<p class="pagination">{PAGINATION}</p>
<!-- END topicpagination -->
<p class="left-box"><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></p>
<div class="clear"></div>
{POLL_DISPLAY}

<!-- BEGIN postrow -->
  <!-- BEGIN hidden -->
      <div class="post {postrow.hidden.ROW_COUNT}">
        <div class="inner">
            <span class="corners-top"><span></span></span>
            <p style="text-align:center">{postrow.hidden.MESSAGE}</p>
            <div class="clear"></div>
            <span class="corners-bottom"><span></span></span>
        </div>
      </div>
  <!-- END hidden -->
  <!-- BEGIN displayed -->
      <div id="p{postrow.displayed.U_POST_ID}" class="post {postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW} post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">
        <div class="inner"><span class="corners-top"><span></span></span>
            <div style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></div>
        <div class="postbody">

            <ul class="profile-icons">
              <li>{postrow.displayed.THANK_IMG}</li>
              <li>{postrow.displayed.MULTIQUOTE_IMG}</li>
              <li>{postrow.displayed.QUOTE_IMG}</li>
              <li>{postrow.displayed.EDIT_IMG}</li>
              <li>{postrow.displayed.DELETE_IMG}</li>
              <li>{postrow.displayed.IP_IMG}</li>
              <li>{postrow.displayed.REPORT_IMG_NEW}</li>
            </ul>

            <h2 class="topic-title">{postrow.displayed.ICON} <a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a></h2>
            <p class="author"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" /> {L_TOPIC_BY} {postrow.displayed.POSTER_NAME} {postrow.displayed.POST_DATE_NEW}</p>
            <div class="clearfix"></div>

            <!-- 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 style="display:none"></div>
            <div class="content clearfix">
              <div>{postrow.displayed.MESSAGE}</div>
                  <!-- BEGIN switch_attachments -->
                  <dl class="attachbox">
                    <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                    <dd class="attachments">
                        <!-- BEGIN switch_post_attachments -->
                        <dl class="file clearfix">
                          <dt>
                              <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt=""/>
                          </dt>
                          <dd>
                              <!-- BEGIN switch_dl_att -->
                              <span><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}</span>
                              <!-- END switch_dl_att -->

                              <!-- BEGIN switch_no_dl_att -->
                              <span>{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}</span>
                              <!-- END switch_no_dl_att -->

                              <!-- BEGIN switch_no_comment -->
                              <span>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</span>
                              <!-- END switch_no_comment -->

                              <!-- BEGIN switch_no_dl_att -->
                              <span><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></span>
                              <!-- END switch_no_dl_att -->

                              <span>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</span>
                          </dd>
                        </dl>
                        <!-- END switch_post_attachments -->
                    </dd>
                  </dl>
                  <!-- END switch_attachments -->
            </div>
            {postrow.displayed.EDITED_MESSAGE}
            <!-- BEGIN switch_signature -->
            <div class="signature_div" id="sig{postrow.displayed.U_POST_ID}">{postrow.displayed.SIGNATURE_NEW}</div>
            <!-- END switch_signature -->
        </div>

        <div class="postprofile" id="profile{postrow.displayed.U_POST_ID}">
            <!-- div class="online2"></div-->
            <dl>
              <dt>
                          <div class="avatar_profil">{postrow.displayed.POSTER_AVATAR}</div>
                  <br /><strong style="font-size:1.2em">{postrow.displayed.POSTER_NAME}</strong>
              </dt>
              <dd>{postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}</dd>
              <dd><br /></dd>
              <dd>
                  <!-- BEGIN profile_field -->
                  {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                  <!-- END profile_field -->
                          <div align="left"><div class="quotetitle"><input type="button" value="Info K-Pop" style="width:70px;font-size:10px;margin:0px;padding:0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';        this.innerText = ''; this.value = 'Masquer'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Info K-Pop'; }" /></div><div class="quotecontent"><div style="display: none;"><br /><font size="1">
        {postrow.displayed.POSTER_RPG}</div>
              </dd>
              <dd><br /></dd>
              <dd>
                  {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
              </dd>
            </dl>
        </div>

        <div class="clear"></div>

        <p class="right"><a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a></p>
        <span class="corners-bottom"><span></span></span></div>
      </div>
      <!-- BEGIN first_post_br -->
      <hr id="first-post-br" />
      <!-- END first_post_br -->
  <!-- END displayed -->
<!-- END postrow -->

<a name="bottomtitle"></a>

<!-- BEGIN topicpagination -->
<p class="pagination">{PAGINATION}</p>
<!-- END topicpagination -->

<p class="left-box"><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></p>

<div class="clear"></div>

<div class="noprint">
<!-- BEGIN switch_user_logged_in -->
<!-- BEGIN watchtopic -->
<p class="right">{S_WATCH_TOPIC}</p>
<!-- END watchtopic -->
<!-- END switch_user_logged_in -->
</div>

<!-- BEGIN promot_trafic -->
<div class="post row2" id="ptrafic_close" style="display:none;font-size:1.3em;line-height:1.4em">
  <span class="corners-top"><span></span></span>
  <span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="" border="0" /></a></span>
  <span class="ptrafic"> {PROMOT_TRAFIC_TITLE}</span>
  <span class="corners-bottom"><span></span></span>
</div>
<div class="post row2" id="ptrafic_open" style="display:'';font-size:1.3em;line-height:1.4em">
  <span class="corners-top"><span></span></span>
  <span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="" border="0" /></a></span>
  <span class="ptrafic"> {PROMOT_TRAFIC_TITLE}</span>
  <div class="clear"></div>
  <div>
      <!-- BEGIN link -->
      » <a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />
      <!-- END link -->
  </div>
  <span class="corners-bottom"><span></span></span>
</div>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<div class="post row1" id="forum_rules">
  <span class="corners-top"><span></span></span>
  <div class="h3"> {L_FORUM_RULES}</div>
  <div class="clear"></div>
  <table class="postbody">
      <tr>
        <!-- BEGIN switch_forum_rule_image -->
        <td class="logo">
            <img src="{RULE_IMG_URL}" alt="" />
        </td>
        <!-- END switch_forum_rule_image -->
        <td class="rules content">
            {RULE_MSG}
        </td>
      </tr>
  </table>
  <span class="corners-bottom"><span></span></span>
</div>
<!-- END switch_forum_rules -->

<!-- BEGIN switch_user_logged_in -->
<a name="quickreply"></a>
{QUICK_REPLY_FORM}
<!-- END switch_user_logged_in -->

<hr />

<div class="topic-actions">
  <div class="buttons">
      <!-- BEGIN switch_user_authpost -->
      <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a> 
      <!-- END switch_user_authpost -->

      <!-- BEGIN switch_user_authreply -->
      <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
      <!-- END switch_user_authreply -->
  </div>

  <div class="pathname-box">
      <p><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC}</p>
  </div>

  <div class="pagination">
      {PAGE_NUMBER}
  </div>
</div>
<div class="clear"></div>

<!-- BEGIN viewtopic_bottom -->
<form action="{S_JUMPBOX_ACTION}" method="get" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<fieldset class="jumpbox">
  <label>{L_JUMP_TO}: </label>
  {S_JUMPBOX_SELECT}
  <input class="button2" type="submit" value="{L_GO}" />
</fieldset>
</form>
<!-- END viewtopic_bottom -->

<!-- BEGIN viewtopic_bottom -->
<form method="get" action="{S_FORM_MOD_ACTION}">
<fieldset class="quickmod">
  <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}" />
  <label>{L_MOD_TOOLS}: </label>
  {S_SELECT_MOD}&nbsp;
  <input class="button2" type="submit" value="{L_GO}" />
</fieldset>
</form>
<div class="clear"></div>
<p class="right">{S_TOPIC_ADMIN}</p>
<!-- END viewtopic_bottom -->

<!-- BEGIN show_permissions -->
  <div class="h3">{L_TABS_PERMISSIONS}</div>
  {S_AUTH_LIST}
<!-- END show_permissions -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody .content', '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>

C'est un forum en phpbb3 au passage.

Je vous remercie de votre attention,
Cordialement Heung-Min Hidem.


Dernière édition par Heung-Min Hidem le Mer 20 Aoû 2014 - 3:06, édité 1 fois

Heung-Min Hidem
***

Messages : 177
Inscrit(e) le : 05/03/2012

http://www.kpopfans-france.com/
Heung-Min Hidem a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Question] problème d'affichage des profils avec fiche html

Message par Neptunia le Mar 19 Aoû 2014 - 18:59

Bonjour ^^

Il nous faudrait le code HTML du message posant problème.

Neptunia
+ Hyperactif +

Féminin
Messages : 11004
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Question] problème d'affichage des profils avec fiche html

Message par Heung-Min Hidem le Mar 19 Aoû 2014 - 19:20

Neptune- a écrit:Bonjour ^^

Il nous faudrait le code HTML du message posant problème.

Bonjour,

Ce n'est pas faux ^^.

Voici le code:

Code:
<br><link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>
<div style="width:500px; margin:0 auto;background-color: #DEDDDD;"><div style="background-image:url('http://www.mtvk.com/wp-content/uploads/2013/08/crayon-pop.jpg'); width:500px; height:200px; position:relative;z-index:1;"><div style="background:black; text-align:center; bottom:0; position:absolute; width:500px; z-index:10; opacity:0.8; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; font-family:Arial; font-size:12px; text-transform:uppercase; color:white; line-height:16px;">Les rangs du forum, à quoi ça correspond?</div></div><div style="padding:30px; font-family:Arial; font-size:12px; line-height:12px; color:#1D1D1D; text-align:justify;">

[b]Il y a sur le forum différents rangs que vous pouvez lire au dessus du pseudo des utilisateurs.
Ces rangs correspondent pour la plupart à un nombre de message postés.[/b]

[list]
[*]Visiteur entre 0 et 20 message posté
[*]Touriste entre 20 et 70 message posté
[*]Habitué entre 70 et 150 message posté
[*]Coutumier entre 150 et 400 message posté
[*]Assidu entre 400 et 750 message posté
[*]Fervent entre 750 et 1000 message posté
[*]Passionné entre 1000 et 2500 message posté
[*]Fanatique plus de 2500 message posté
[*][u]Vétéran[/u]: ancien membre du staff de KpopFans (confirmé).
[*][u]Graphistes[/u]: s'occupe des commandes de graphisme du forum
[*][u]Rédacteurs[/u]: s'occupe de réaliser des articles et des news pour KpopFans
[*][u]Modérateurs[/u]: vielle à faire respecter le règlement du forum et à garder une bonne ambiance.
[*][u]Administrateurs et Fondateurs[/u]: s'occupe du bon fonctionnement du forum.
[/list]

</div>

Ces fiches marchent très bien sur mon forum actif (en phpbb2) :/

Merci de votre attention,
Cordialement.

Heung-Min Hidem
***

Messages : 177
Inscrit(e) le : 05/03/2012

http://www.kpopfans-france.com/
Heung-Min Hidem a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Question] problème d'affichage des profils avec fiche html

Message par Neptunia le Mar 19 Aoû 2014 - 21:11

Je ne saurais dire pourquoi ce code ne pose pas de souci sur phpBB2, mais je sais en revanche pourquoi ça coince ailleurs

Votre code comporte 4 balises <div ... et seulement 3 </div> d'où un problème de courant d'air.

Il manque un autre </div> tout à la fin du code, et je ne saurais que vous conseiller de le modifier également là où il semble fonctionner correctement.

Neptunia
+ Hyperactif +

Féminin
Messages : 11004
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Question] problème d'affichage des profils avec fiche html

Message par Heung-Min Hidem le Mer 20 Aoû 2014 - 3:05

Bonsoir Neptune-,

Je vous remercie pour votre réponse et ceci est bien le problème après avoir ajouté un </div> en plus dans les fiches (je vais m'amuser pour corriger toutes les fiches ^^.).

Cordialement Heung-Min Hidem.

Heung-Min Hidem
***

Messages : 177
Inscrit(e) le : 05/03/2012

http://www.kpopfans-france.com/
Heung-Min Hidem 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