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. |
|
Mar 28 Mar - 20:25 | Bonsoir,
Pourriez-vous me transmettre votre template et sa partie CSS s'il vous plaît ? |
|
Mar 28 Mar - 20:28 | Bonsoir, Je n'ai rien touché, j'ai copier-coller celui en libre service - 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 */ } |
|
Mar 28 Mar - 21:05 | 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. |
|
Mar 28 Mar - 21:18 | Effectivement, je n'avais pas vu le doublage du codage dans mon CSS. Merci infiniment pour votre aide. |
|