Un code CSS qui en annule un autre

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Un code CSS qui en annule un autre

Message par Pixelle_ le Jeu 31 Jan 2013 - 0:02

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 ( http://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 Smile
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 =)


Dernière édition par La3ti le Ven 1 Fév 2013 - 11:23, édité 1 fois

Pixelle_
*

Féminin
Messages : 36
Inscrit(e) le : 02/02/2010

Pixelle_ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un code CSS qui en annule un autre

Message par Matriochka le Jeu 31 Jan 2013 - 9:17

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…

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un code CSS qui en annule un autre

Message par Pixelle_ le Jeu 31 Jan 2013 - 20:06

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://illiweb.com/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 ! Smile

Pixelle_
*

Féminin
Messages : 36
Inscrit(e) le : 02/02/2010

Pixelle_ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un code CSS qui en annule un autre

Message par Matriochka le Ven 1 Fév 2013 - 9:10

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 Wink

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un code CSS qui en annule un autre

Message par Pixelle_ le Ven 1 Fév 2013 - 11:22

Oh ça fonctionne !! Merci beaucoup !! Very Happy

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

Pixelle_
*

Féminin
Messages : 36
Inscrit(e) le : 02/02/2010

Pixelle_ a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


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