Soucis avec icones de contact

[Ishtar]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://risenfromthedead.forum-canada.com/#top

Description du problème

Bonjour!

J'ai un souci avec les icônes de contact de mon forum. Normalement, ils devraient être les uns au-dessus des autres, mais pour une raison que j'ignore, le 2e icône de contact se place à la droite du premier, soit à l'endroit où pointe la flèche sur la capture. Pour le voir directement, voici un sujet où on peut le voir.

Voici le code dans le template:

Code:

    <!-- DÉBUT ICONES DE CONTACT À CÔTÉ DE L'AVATAR -->

    <div class="icones_profil">
      {postrow.displayed.PROFILE_IMG} <br />{postrow.displayed.PM_IMG} <br />
      <!-- BEGIN contact_field -->
    {postrow.displayed.contact_field.CONTENT}
    <!-- END contact_field -->
    </div>
   

    <!-- FIN ICONES DE CONTACT À CÔTÉ DE L'AVATAR -->

Et le CSS associé:

Code:

/* ICONES DE CONTACT */
.icones_profil {
position: absolute;
margin-left: -50px; /* plus la valeur est grande, plus l'icone se tasse vers la gauche */
margin-top: 55px;
padding-top: 5px;
padding-bottom: 5px;
z-index: 98 !important;
width: 200px;}


Je crois n'avoir rien oublié, mais si c'était le cas, il suffit de le dire! Sinon, merci d'avance à ceux qui se pencheront sur la question!

[Teurancher]

Yosh,
J'ai préféré m'inscrire sous le pseudo Teurancher sur ton forum au cas où les invités ne pourraient pas voir la même chose.

Voilà le CSS en question corrigé:

Code:

.icones_profil {
    margin-left: -50px;
    margin-top: 55px;
    padding-bottom: 5px;
    padding-top: 5px;
    position: absolute;
    width: 20px;
    z-index: 98 !important;
}

[Invité]

Salut Ishtar,

je me suis aussi inscrit sur ton forum et je constate deux boutons avec le même title :



Il aurait fallut donner le template dans sa totalité afin de bien voir le reste du contenu.

Cette partie :

Code:

 
<!-- BEGIN contact_field -->
    {postrow.displayed.contact_field.CONTENT}
    <!-- END contact_field -->


Comment as tu déposé des boutons dans cette partie s'il te plait ?

a++

[Ishtar]

Tout d'abord, merci à vous deux pour le coup de pouce! La solution proposée par Teurancher fonctionne parfaitement. Ce que je constate dans le CSS corrigé, c'est que tout est resté le même, que les différentes lignes ont juste été changées de position. Alors, j'imagine que le problème était justement le placement de ces différentes lignes de CSS.

Milouze, dans mon template, hormis le reste du codage du profil, la section concernant les contacts est exactement comme dans mon premier post. Sinon, pour répondre à ta question concernant comment j'ai placé mes boutons à cet endroit, j'ai suivi le chemin habituel: Utilisateurs & Groupes - Profils - Champs de contact et j'en ai créés de nouveaux. J'espère avoir répondu correctement à ta question! ^^

Bref, le problème est résolu!
Merci encore! ^^

EDIT: Je supprimerai vos comptes dans le courant de la soirée ou demain! ^^