Class qui n'est pas prise en compte pour une image

[Klyps]

Détails techniques

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

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://afew.forumchti.com/

Description du problème

Bonjour,

Je suis en train de revoir le codage de mon forum. Pour ce faire, j'ai commencé par refondre les catégories et je me retrouve confrontée à une petit soucis.

La description du forum est sous forme de tableau, pour avoir l'image à gauche et le texte à droite. Voici le code dans els descriptions des forums

Code:


<table>
                                  
   <tbody>
      <tr>
                                        
         <td>
                            <img src="http://zupimages.net/up/15/39/jlrs.png" class="descrii" />         
         </td>
                                      
         <td>
                                     
            <div class="descriptions">
                           Là je met du texte pour la description du forum ......  Là je met du texte pour la description du forum ......                         
            </div>
                 
         </td>
                                        
      </tr>
                                     
   </tbody>
</table>


Il y a deux class dedans, une pour l'image et une pour le texte. La class de l'image n'est pas prise en compte (sauf le hover, qui fonctionne effectivement correctement). Est-ce que j'ai fais une erreur dans mon code ?

Code:


.descrii {
  height:95px;
  display:block;
  border-radius:100px;
  border-left: 2px solid #9C9692;
  border-right: 2px solid #9C9692;
    box-shadow: 2px 4px 6px #9C9692;
  opacity: 0.7;
  -webkit-transition: all 1s ease; /* pour navigateur webkit */
-moz-transition: all 1s ease; /* pour navigateur mozilla */
-o-transition: all 1s ease; /* pour navigateur opera */
transition: all 1s ease; /* pour les navigateurs récents */
}

.descrii:hover {
  border-left: 2px solid #88383D;
  border-right: 2px solid #88383D;
  opacity: 1;
  box-shadow: 2px 4px 6px #88383D;
}

.descriptions{
  text-align:justify;
position: relative;
margin: auto;
  width:600px;
margin-left:-5px;
padding:15px;
height:auto;
overflow:auto;
border-radius: 15px;
background-color:#ECECE6;
  border-right: 3px solid #9C9692;
  border-bottom: 2px solid #9C9692;
 -webkit-transition: all 1s ease; /* pour navigateur webkit */
-moz-transition: all 1s ease; /* pour navigateur mozilla */
-o-transition: all 1s ease; /* pour navigateur opera */
transition: all 1s ease; /* pour les navigateurs récents */
}

.descriptions:hover{
  border-radius: 25px;
  border-right: 3px solid #88383D;
  border-bottom: 2px solid #88383D;
  box-shadow: 1px 2px 4px #88383D;
 -webkit-transition: all 1s ease; /* pour navigateur webkit */
-moz-transition: all 1s ease; /* pour navigateur mozilla */
-o-transition: all 1s ease; /* pour navigateur opera */
transition: all 1s ease; /* pour les navigateurs récents */
}


Merci d'avance et bonne année =)

[stefou]

Bonjour,
Le code fonctionne chez moi.
vérifie ton css si les class ne sont pas reprise ailleurs.

[Klyps]

Bonjour,

Merci pour la réponse et désolé du temps de réponse.

Effectivement je pense que c'était un petit bug, car j'ai laissé tel quel quand je suis partie et en me reconnectant sur le forum ensuite, c'était bon.

Vous pouvez archiver merci (;