avatar
Sexe : Féminin
Date d'inscription : 27/01/2015
Messages : 197
Membre timide
Voir le profil de l'utilisateurhttp://lucyfairypub.bbconcept.net
Bonjour,
Je viens vers vous car j'ai un petit souci sur mon forum avec un codage que vous m'aviez fait. Depuis, j'ai juste retiré l'option de l'affichage de l'avatar et modifié l'attribut pour pouvoir mettre des boutons plus gros.
Seulement voilà, si pour moi, il n'y a pas de souci, l'un de mes membres ne voit plus les boutons "pas de nouveaux messages" "nouveaux messages" et "verrouillé".

J'espère donc que vous pourrez m'aider.
Voici mon formulaire :


Quelle structure est concernée par votre problème ? Catégorie
Qu'elle est l'adresse du forum concerné (sous hide si cela vous dérange) ? http://japan-univers.forumgratuit.org
Un screen du problème : éventuellement, si aide à la compréhension
Mon screen :
Spoiler:

et celui du membre :
Spoiler:

Expliquez précisément votre problème : Le problème, comme mentionné plus haut, viens des boutons qui ne sont pas au bon endroit sur SON screen. Il devrait apparaitre comme sur le mien normalement qui garde la structure que l'on m'avait faite.
A savoir que j'ai tenté aussi avez mozilla (je suis sur chrome habituellement), qu'utilise le membre, mais que je n'ai pas de problème non plus avec. Aucun problème non plus sur mon téléphone.
Les codes :
LE template mais je n'ai rien touché là-dessus.
Code:
<link href="https://fonts.googleapis.com/css?family=Niconne|Playball" rel="stylesheet">
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall">{LAST_VISIT_DATE}<br />
         {CURRENT_TIME}<br />
         </span>
         <!-- END switch_user_logged_in -->
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table  width="100%" border="0" cellspacing="1" cellpadding="0">
   <div class="titre-cat">{catrow.tablehead.L_FORUM} </div>
      
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
         <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
               <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
         </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right">&nbsp;</td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <div class="corps-cat">
          <div class="dernier-cat">{catrow.forumrow.LAST_POST}</div>
    <div class="sous-corps-cat">
      <div class="img-new-cat"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div>
      <div class="avatar-cat"><!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR} <!-- END avatar --></div>
  <p> {catrow.forumrow.FORUM_DESC}
      </p>
      <div class="nom-forum-cat"><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div>
      
      <div class="sous-forum-cat"> {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} </div>
    </div>
    
    <div class="stats-cat">{catrow.forumrow.TOPICS} sujets - {catrow.forumrow.POSTS} messages</div>
  </div>
   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
   </tr>
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
</table><div class="battycat_copyright">©️ Mello & Batty pour <a href="http://www.epicode-entraide.com/">Epicode</a></div><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Le CSS d'où le problème vient je pense :
Code:
/***************************************************************************
                            Catégorie BY MELLO & BATTY
***************************************************************************/

.titre-cat{
        height:30px;
        width:60%;
        padding-top:10px;
        padding-bottom:5px;
        background-color:#773140;
        border-radius:80px 80px 0px 0px;
        text-align:center;
        
      }

.titre-cat h2{
  margin:0;
font-size:35px;
}
      
.corps-cat{
  position:relative;
  width:98%;
  height:210px;
  background-color: #A3534B;
  border:10px solid #773140;
  color: #FFD6DE;
  margin: auto;
}

.dernier-cat{
  height: 12px;
  padding: 5px 0 0;
  margin-left:40px;
  font-size:12px;
}

.dernier-cat br{
  display:none;
}

.dernier-cat a{
  margin-right:5px;
  color:#FFD6DE !important;
}

.dernier-cat strong{
  margin-left:5px;
}
      
.stats-cat{
  text-align:right;
  margin-top:5px;
  padding-right:40px;
  font-size:12px;
}
      
.sous-corps-cat{
  position:relative;
  background-color: #F2AD88;
  width:90%;
  height:150px;
  margin:auto;  
}
      
.avatar-cat{
  height:100%;
  width:70px;
  float:left;
}

.avatar-cat img{
  height:150px;
    width:70px;
}
      
      .sous-corps-cat p{
        width:70%;
        height: 100px;
      overflow:auto;
        color:black;
        text-align:justify;
        margin-left:90px;
        font-size: 12px;
        padding: 5px;
      }
      
      .nom-forum-cat {
        margin-left:100px;
      }

.nom-forum-cat a{
        font-size:25px;
        color: #000489 !important;
      }
            
      .sous-forum-cat{
        background-color: #FFCCCF;
        height:100%;
        width:100px;
        position: absolute;
        left: 660px;
        top:0;
        transition: width 1s;
      }

.sous-forum-cat a{
color:#000000 !important;
}
      
      .sous-forum-cat:hover{
        
        width:200px;
      }
      
      .img-new-cat{
        position:absolute;
        top: 0;
        right:50px;
      }

.img-new-cat img{
  border-radius:0px 0px 0px 0px;
}


.battycat_copyright{
  display: block;
  width:auto;
  font-size: 10px;
  font-family: Arial;
  color:#413029;
  text-align:right;
  padding: 5px 10px;
}

.battycat_copyright a{
  color:#413029;
  text-decoration: none !important;
  text-transform:uppercase;
}

/***************************************************************************
                    Catégorie BY MELLO & BATTY - END
***************************************************************************/
.ticate {
font-size:30px;
font-family: 'Niconne', cursive;
color: #FFCCCF;}


.tifo {
font-size:30px;
font-family: 'Playball', cursive;
color: #0c0e1c;}

Je précise que je n'ai donc changer que des valeurs pour retirer le côté arrondi et retirer l'option "avatar du dernier message".



Si ce n'est pas un problème de code, je verrai ensuite avec elle.
avatar
Sexe : Féminin
Date d'inscription : 26/12/2013
Messages : 3325
Designer
Voir le profil de l'utilisateur
Salut donc j'ai testé quelques petits trucs pour voir comment arranger ça. Donc dans ton css remplace .img-new-cat par
Code:
.img-new-cat {
    position: absolute;
    top: 25px;
    right: 15%;
}
remplace aussi .sous-forum-cat par:
Code:
    background-color: #FFCCCF;
    height: 100%;
    width: 100px;
    position: absolute;
    right: 0px;
    top: 0;
    transition: width 1s;
}
et .sous-corps-cat p par:
Code:
.sous-corps-cat p {
    width: 70%;
    height: 100px;
    overflow: auto;
    color: black;
    text-align: justify;
    margin-left: 10px;
    font-size: 12px;
    padding: 5px;
}


amour hyyh
avatar
Sexe : Féminin
Date d'inscription : 27/01/2015
Messages : 197
Membre timide
Voir le profil de l'utilisateurhttp://lucyfairypub.bbconcept.net
Merci pour ton aide, je vais voir avec elle si ça a pu aider de son côté, je te tiens au courant.

Edit : C'est bon, je te remercie, le problème est résolu grâce à toi
avatar
Sexe : Féminin
Date d'inscription : 05/06/2014
Messages : 3668
Maxi-Code master - Modo voleuse de PC ❤ - Ex-admin
Voir le profil de l'utilisateur
J'archive le sujet. Je suis heureuse que tu est trouver la solution avec l'aide de Yuuki !



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