Problème liste des membres

 :: Exposition NLDD :: Intruders :: Résolus Voir le sujet précédent Voir le sujet suivant Aller en bas
MessageProblème liste des membres Lun 27 Mar - 23:17
Bonsoir,
Je travaille actuellement sur un forum et je voudrais utiliser un de vos codes pour le listage des membres, mais j'ai un problème lorsque j'utilise le code, l'avatar ne se met pas à côté mais dessous. Le forum est dimensionné en 800px.

Spoiler:
 

Merci beaucoup pour votre aide.
Revenir en haut Aller en bas
MessageRe: Problème liste des membres Mar 28 Mar - 20:25
avatar
Nombre de messages : 891
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad
Bonsoir,

Pourriez-vous me transmettre votre template et sa partie CSS s'il vous plaît ?
Revenir en haut Aller en bas
MessageRe: Problème liste des membres Mar 28 Mar - 20:28
Bonsoir,

Je n'ai rien touché, j'ai copier-coller celui en libre service I love you

Code:
<form action="{S_MODE_ACTION}" method="get">
<table cellspacing="0" cellpadding="5" border="0" align="center" class="forumline" width="100%">
 <tr>
 <th class="thTop" nowrap="nowrap">{L_ORDER_OR_SELECT}</th>
 </tr>
 <tr>
 <td class="row1">
 <table cellspacing="2" cellpadding="0" border="0" align="center" class="genmed">
 <tr>
 <td width="100%">{L_USER_SELECT} <input type="text" class="post" name="username" maxlength="25" size="20" value="{L_USER_SELECT_VALUE}" />      
 {L_SELECT_SORT_METHOD} {S_MODE_SELECT}      
 {L_ORDER} {S_ORDER_SELECT}      
 {S_HIDDEN_SID}
 <input class="liteoption" type="submit" name="submit" value="{L_SUBMIT}" /></td>
 </tr>
 </table>
 </td>
 </tr>
</table>
</form>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr><td class="{memberrow.ROW_CLASS}" align="center">
 <!-- BEGIN memberrow -->
 <div id="LMBER"><div id="MBER"><div class="nameLMBER"><a class="gen" href="{memberrow.U_VIEWPROFILE}">{memberrow.USERNAME}</a></div>
 <div class="stsLMBER"><div>{memberrow.POSTS} M.</div><div>{memberrow.JOINED}</div><div>{memberrow.LASTVISIT}</div><div class="mpwLMBER">{memberrow.PM_IMG} {memberrow.WWW_IMG}</div></div>
 <div id="imgLMBER"><div class="imgLMBER"><div>{memberrow.AVATAR_IMG}</div><span>{memberrow.INTERESTS}</span></div></div>
 <!-- BEGIN switch_td_group -->
 <span class="grpLMBER">{memberrow.GROUPS}</span>
 <!-- END switch_td_group -->
 </div></div>
 <!-- END memberrow -->
 </td>
 </tr>
 <!-- BEGIN switch_no_user -->
 <tr>
 <td class="catBottom" colspan="{switch_no_user.COLSPAN_NUMBER}" height="28" align="center"><span class="gensmall">{switch_no_user.L_NO_USER}</span></td>
 </tr>
 <!-- END switch_no_user -->
</table>
<!-- BEGIN switch_pagination -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td><span class="nav">{PAGE_NUMBER}</span></td>
 <td align="right"><span class="nav">{PAGINATION}</span></td>
 </tr>
</table>
<br />
<!-- END switch_pagination -->

Code:
/* BLOC LISTE DES MEMBRES */
#LMBER {
width:700px; margin:auto;
}
/* BLOC MEMBRE */
#MBER {
float:left; width:220px; height:210px; margin:5px;
}
/* PSEUDONYME */
.nameLMBER{
margin-bottom:5px;
width:215px; padding-left:5px;
text-align:left; text-transform:uppercase;
}
/* INFORMATIONS */
.stsLMBER {
display:inline-block; vertical-align:top;
width:100px; font-size:11px;
}
/* CONTENU INFORMATIONS */
.stsLMBER div{
margin:5px 0; padding:5px;
background:white; color:black; /* MODIFIABLE */
}
/* IMAGES PROFIL & WWW */
.mpwLMBER {
background:none !important;
}
/* AVATAR MINIATURISE */
#imgLMBER {
display:inline-block; margin-left:10px; width:100px; height:160px; overflow:hidden;
}
.imgLMBER {
position:relative;
width:100px; height:160px; overflow:hidden;
}
.imgLMBER div img{
position:absolute; margin-left:-50px; width:100px;
transition:all 0.85s linear; -webkit-transition:all 0.85s linear;
}
#imgLMBER:hover .imgLMBER div img{
transform:translateX(100px); -webkit-transform:translateX(100px);
}
/* HUMEUR */
.imgLMBER span {
position:absolute;
width:90px; height:150px; padding:5px; overflow:auto;
text-align:justify; font-size:10px;
background:rgba(0,0,0,0.6); color:white; /* MODIFIABLE */
transform:translateX(-150px); -webkit-transform:translateX(-150px);
transition:transform 0.85s linear; -webkit-transition:transform 0.85s linear;
}
#imgLMBER:hover .imgLMBER span{
transform:translateX(-50px); -webkit-transform:translateX(-50px);
}
/* AFFICHAGE GROUPES LISTE DES MEMBRES */
.grpLMBER {
display:block; margin:5px auto; padding:5px;
text-transform:uppercase; font-weight:bold; font-size:12px;
border:1px solid black; /* MODIFIABLE */
}
Revenir en haut Aller en bas
MessageRe: Problème liste des membres Mar 28 Mar - 21:05
avatar
Nombre de messages : 891
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad
Le CSS de votre forum présente un certain nombre de règles erronées telle que celle-ci :
Code:
#MBER {
float: left;
height: 385px;
margin: 10px;
width: 200px;
}

Ne correspondant donc à l'initiale :
Code:
/* BLOC MEMBRE */
#MBER {
float:left; width:220px; height:210px; margin:5px;
}

Votre partie CSS en son intégralité me serait nécessaire.
Revenir en haut Aller en bas
MessageRe: Problème liste des membres Mar 28 Mar - 21:18
Effectivement, je n'avais pas vu le doublage du codage dans mon CSS. Merci infiniment pour votre aide.
Revenir en haut Aller en bas
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CCCrush. :: Exposition NLDD :: Intruders :: Résolus-