Infobulle coupée

2 participants

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

Résolu Infobulle coupée

Message par Coryanthe Mar 28 Mai 2019 - 10:29

Détails techniques

Version du forum : ModernBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 28/05/2019
Lien du forum : http://protestantsreformes.forumactif.com/

Description du problème

Bonjour,
Je rencontre un problème avec une infobulle de mon forum. Celle-ci est coupée et n'entre que dans la catégorie à laquelle elle appartient. L'image est donc coupée et ne passe pas au-dessus de la séparation de catégorie (vous comprendrez mieux en regardant la capture d'écran ou en allant voir mon forum, au forum "Sujets de société").
Voici le code HTML :
Code:
<table>
       <tbody></tbody>
 <tr style="">
    
 <td>
    
 <div class="pa_infobulle">
                        <img src="https://zupimages.net/up/19/22/d0g7.jpg" />                        
 <div>
                                            
 <div class="pa_contenu_bulle">
                                                
 <h4>
                La Liberté guidant le peuple                
 </h4>
                Eugène Delacroix <img src="https://zupimages.net/up/19/22/ti3e.jpg" alt="" />                
 </div>
      
 </div>
  
 </div>
    
 </td>
    
 <td>
   Euthanasie, avortement, LGBT... Tous les sujets de société souvent abordés par les chrétiens. Et tout autre sujet de société dont vous souhaitez parler.  
 </td>
      
 </tr><tbody></tbody>
</table>

Et le code CSS :
Code:
/* Bulles */
.pa_infobulle {
     display: inline-block;
   margin: 1%;
}

.pa_infobulle > div {
    margin: 0 0 0 -57px;
    opacity: 0;
    position: absolute;
    transform: scale(0.3) rotate(-45deg);
    transition: all .3s linear;
    visibility: hidden;
z-index: 2;
}


.pa_infobulle:hover > div {
  opacity: 1;
        visibility: visible;
        transform: scale(1) rotate(0deg);
}

.pa_contenu_bulle {
        background: #f1ded9;
        padding: 2%;
        text-align: center;
}

.pa_contenu_bulle {
        background: #fff;
        padding: 2%;
        text-align: center;
        margin-top: 5px;
        font-size: 10px;
}

.pa_contenu_bulle h4 {
     text-transform: uppercase;
}
Quelqu'un peut-il m'aider ?
Merci d'avance,
Coryanthe


Dernière édition par Coryanthe le Mar 28 Mai 2019 - 18:48, édité 1 fois
Coryanthe

Coryanthe
Nouveau membre

Messages : 26
Inscrit(e) le : 22/05/2019

http://protestantsreformes.forumactif.com/
Coryanthe a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle coupée

Message par Tite-May Mar 28 Mai 2019 - 18:28

Bonjour,
Spoiler:

EDIT :

La solution est en CSS en fait, pour juste faire sortir l'image du cadre.
Dans ta CSS cherche si tu as ceci (je pense que non mais on ne sait jamais) :
Code:
ul.forums

S'il n'y est pas, tu peux ajouter ceci dans la CSS :
Code:
ul.forums {
    overflow: visible !important;
}

Et le tour et joué =)

Bonne soirée


Dernière édition par Tite-May le Mar 28 Mai 2019 - 18:33, édité 1 fois
avatar

Tite-May
****

Féminin
Messages : 214
Inscrit(e) le : 13/08/2012

http://tambouille-raleuses.forumactif.com/
Tite-May a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle coupée

Message par Coryanthe Mar 28 Mai 2019 - 18:32

Oui, cela me convient. Avez-vous un code ?
Coryanthe

Coryanthe
Nouveau membre

Messages : 26
Inscrit(e) le : 22/05/2019

http://protestantsreformes.forumactif.com/
Coryanthe a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Infobulle coupée

Message par Tite-May Mar 28 Mai 2019 - 18:33

Oh j'étais en train d'éditer Wink
La solution est en CSS en fait, pour juste faire sortir l'image du cadre.
Dans ta CSS cherche si tu as ceci (je pense que non mais on ne sait jamais) :
Code:
ul.forums

S'il n'y est pas, tu peux ajouter ceci dans la CSS :
Code:
ul.forums {
    overflow: visible !important;
}

Et le tour et joué =)

Bonne soirée
avatar

Tite-May
****

Féminin
Messages : 214
Inscrit(e) le : 13/08/2012

http://tambouille-raleuses.forumactif.com/
Tite-May a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle coupée

Message par Coryanthe Mar 28 Mai 2019 - 18:47

Merci beaucoup Tite-May ! Tu gères Wink
Coryanthe

Coryanthe
Nouveau membre

Messages : 26
Inscrit(e) le : 22/05/2019

http://protestantsreformes.forumactif.com/
Coryanthe a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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