Un code CSS qui en annule un autre

[Pixelle_]

Bonsoir tout le monde, j'espère tout d'abord que je pose ma question au bon endroit.

Voilà, j'ai modifié dernièrement mon CSS et le template concernant le profil des membres. J'ai utilisé ce tutoriel ( https://forum.forumactif.com/t334651-avatar-en-accordeon ) pour avoir le profil en style d'accordéon, j'ai laissé le code tel quel pour vous poser la question avant de faire une bêtise
J'ai également utilisé ce code CSS pour redimensionner automatique le gif du profil :

Code:

.postdetails.poster-profile img {max-width:200px;}

Le problème qu'il y a c'est qu'une fois le template et le CSS pour le profil installé, le code pour le redimensionnement du gif s'annule, le gif reprend alors sa taille de base comme sur l'image :



Comment se fait-il que le code CSS pour le gif ne fonctionne plus du coup ? Je n'ai pas osé toucher au template ou au CSS depuis, est-ce que quelqu'un aurait une réponse pour m'aider sachant que j'aimerais que le gif soit tout de même redimensionné ?

Merciii d'avance =)

[Matriochka]

Bonjour,

Serait-il possible d’avoir la partie de ton template concerné ? À mon avis, tu as supprimé la partie postdetails.poster-profile dans ton profil (sans doute pour la remplacer par une autre), c’est pour quoi le CSS ne fonctionne plus…

[Pixelle_]

Bonsoir ! Merci tout d'abord d'avoir répondu si rapidement ! Ah c'est fort possible que j'ai supprimé quelque chose, j'suis une quiche dans les codes parfois du coup ^^"

Voilà la partie du template avant modification :

Code:

<tr class="post">
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
         <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}<br />
            {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />
            <!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
            {postrow.displayed.POSTER_RPG}
         </span><br />
         <img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
      </td>

Et voici la partie du template modifiée :

Code:

        <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
             
                          <span class="rang_mess">{postrow.displayed.RANK_IMAGE}</span>
                       
                          <span class="avatar_mess"><span class="profil_mess"><!-- BEGIN profile_field -->
                    {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                    <!-- END profile_field -->
                            {postrow.displayed.POSTER_RPG}</span>
                            {postrow.displayed.POSTER_AVATAR}</span>
                       
                          <span class="pseudo_mess">{postrow.displayed.POSTER_NAME}</span>               
                     
              </td>             


Merci de prendre le temps de m'aider dans tous les cas !

[Matriochka]

Oui, donc comme je disais, tu as bien retiré cette partie. Mais ça n’est pas du tout un problème, rassure-toi.

Puisque tu as ajouté avatar_mess on va utiliser cette class :

Code:

.avatar_mess img {max-width:200px;}

Ça devrait pouvoir remplacer l’ancien code

[Pixelle_]

Oh ça fonctionne !! Merci beaucoup !!

Sujet résolu du coup ! Encore merciiiiii ! =)