Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Infobulles et version mobile

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

Infobulles et version mobile Empty Infobulles et version mobile

Message par Coryanthe le Dim 9 Juin - 13:53

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:
Infobulles et version mobile Yo6l

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

Description du problème

Bonjour,
Je rencontre une difficulté avec les descriptions de certains forums. Sur certains de ces forums se trouvent des images qui affichent une infobulle quand on passe la souris dessus. Il y a du texte et une image dans ces infobulles. Or, sur la version mobile, on voit le texte de l'infobulle s'afficher dans la description (sans l'image) et j'aimerais qu'il ne soit pas là ou bien qu'il s'affiche après le reste de la description.
Quelqu'un saurait-il m'aider ?
Voici le code HTML d'une de ces descriptions :
Code:
<table>
             <tbody></tbody>
 <tr style="">
          
 <td>
          
 <div class="pa_infobulle">
                           <img src="https://www.zupimages.net/up/19/22/boii.jpg" />                            
 <div>
                                                  
 <div class="pa_contenu_bulle">
                                                      
 <h4>
                   Mère de Rembrandt lisant                  
 </h4>
                   Rembrandt <img alt="" src="https://zupimages.net/up/19/22/bcoo.jpg" />                  
 </div>
            
 </div>
        
 </div>
          
 </td>
          
 <td>
      Ce forum est fait pour discuter de vos interprétations de la Bible, toujours en s'appuyant sur le texte.
 </td>
            
 </tr><tbody></tbody>
</table>
Et le code CSS des infobulles :
Code:
.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;
}

    ul.forums {
        overflow: visible !important;
    }
Merci d'avance pour vos réponses !
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.

Infobulles et version mobile Empty Re: Infobulles et version mobile

Message par Coryanthe le Lun 10 Juin - 13:58

Up !
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.

Infobulles et version mobile Empty Re: Infobulles et version mobile

Message par Coryanthe le Mar 11 Juin - 14:47

Up !
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.

Infobulles et version mobile Empty Re: Infobulles et version mobile

Message par Coryanthe le Mer 12 Juin - 18:51

Up !
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.

Infobulles et version mobile Empty Re: Infobulles et version mobile

Message par Coryanthe le Ven 14 Juin - 14:45

Up !
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

Infobulles et version mobile Empty Re: Infobulles et version mobile

Message par Adam_sfp le Lun 17 Juin - 19:37

Bonsoir

Peut être en mettant ceci dans gestion des codes javascript.


Code:
$(document).ready(function() {
  function isTouchDevice() {
    return true == ("ontouchstart" in window || window.DocumentTouch && document instanceof DocumentTouch);
  }
  if (isTouchDevice() === true) {
    $(".pa_contenu_bulle").hide();
  }
});

Cdt.
Adam_sfp

Adam_sfp
Membre actif

Masculin
Messages : 4431
Inscrit(e) le : 18/04/2008

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Infobulles et version mobile Empty Re: Infobulles et version mobile

Message par Chacha le Jeu 20 Juin - 7:43

Infobulles et version mobile UmaslZ4Bonjour,

Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message.

Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 60919
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Infobulles et version mobile Empty Re: Infobulles et version mobile

Message par Coryanthe le Ven 21 Juin - 11:31

Adam_sfp > Merci pour votre réponse ! Mais cela ne marche pas... :/
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.

Infobulles et version mobile Empty Re: Infobulles et version mobile

Message par Adam_sfp le Ven 21 Juin - 14:42

Bonjour

Étrange de mon coté sur android chrome cela fonctionne..
Vous regardez sous ou sur quoi?

Cdt.
Adam_sfp

Adam_sfp
Membre actif

Masculin
Messages : 4431
Inscrit(e) le : 18/04/2008

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Infobulles et version mobile Empty Re: Infobulles et version mobile

Message par Coryanthe le Sam 22 Juin - 9:57

Bonjour,
Je suis bien sur Androïd Chrome. C'est normal qu'il n'y ait pas de texte d'infobulles pour les deux premières catégories (ce sont des images où je n'ai pas mis d'infobulles) mais pour une grande partie du reste, il y a des infobulles et je vois le texte sur version mobile... :/
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.

Infobulles et version mobile Empty Re: Infobulles et version mobile

Message par Coryanthe le Mar 25 Juin - 12:02

Up !
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.

Infobulles et version mobile Empty Re: Infobulles et version mobile

Message par Adam_sfp le Mar 25 Juin - 13:21

Bonjour

Enlever le script précédent et essayez en mettant ceci au CSS
Code:
@media screen and (min-width: 0px) and (max-width: 700px) {
           .pa_contenu_bulle {    display: none;  }
    }

Vous avez également 2 fois
Code:
.pa_contenu_bulle

Code:
.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;
}

Cdt.
Adam_sfp

Adam_sfp
Membre actif

Masculin
Messages : 4431
Inscrit(e) le : 18/04/2008

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Infobulles et version mobile Empty Re: Infobulles et version mobile

Message par Coryanthe le Mar 25 Juin - 18:47

Bonjour,
Merci beaucoup pour votre aide ! Je l'ai fait... Ca ne marche toujours pas :/
Voici mon nouveau CSS avec les modifications que vous avez proposées :
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: #fff;
        padding: 2%;
        text-align: center;
        margin-top: 5px;
        font-size: 10px;
}

.pa_contenu_bulle h4 {
       text-transform: uppercase;
}

    ul.forums {
        overflow: visible !important;
    }

    @media screen and (min-width: 0px) and (max-width: 700px) {
              .pa_contenu_bulle {    display: none;  }
        }

/* Avatar dans la toolbar */
    .fa_avatar {
      width: 25px;
      height: 25px;
      position: relative;
      top: -3px;
      margin-right: 5px;
      border-radius: 3px;
      margin-bottom: -10px;
    }

/***************************** QEEL *****************************/

.bloc1{
  background-color: #D7D7D7;
  width: 350px;
  padding: 15px;
  text-align: justify;
  color: #343434;
  font-size: 11px;
  opacity: 0.50;
}

.titre_qeel {
  font-family: 'Megrim', cursive;
  color: #008080;
  font-size: 25px;
  text-align: justify;
}

.trans .row1 {
  background-color : transparent;
  color: #343434 !important;
}

#kaboum .row1 {
  background-color : transparent;
}

qeel.info{
  position: relative;
  z-index: 24;
  font-weight: none !important;
  font-style: none !important;
  text-decoration:none;
}
 
qeel.info:hover{
  z-index: 25;
  font-weight: none !important;
  font-style: none !important;
}
 
qeel.info span{
  display: none;
}
 
qeel.info:hover span{
  display: block;
  position: absolute;
  top: 3.5em;
 left: -2em; 
 width: 240px;
  padding: 15px;
  text-align: justify;
  color: #343434;
  font-size: 11px;
  background-color: #D7D7D7;
  border-radius: 25px 0px 25px 0px;
  border: 4px solid #D7D7D7;
}


/***************************** FIN QEEL *****************************/
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.

Infobulles et version mobile Empty Re: Infobulles et version mobile

Message par Coryanthe le Jeu 27 Juin - 15:24

Up !
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.

Infobulles et version mobile Empty Re: Infobulles et version mobile

Message par Coryanthe le Dim 30 Juin - 12:01

Up !
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.

Infobulles et version mobile Empty Re: Infobulles et version mobile

Message par Coryanthe le Ven 5 Juil - 12:25

Up !
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.

Infobulles et version mobile Empty Re: Infobulles et version mobile

Message par Coryanthe le Mar 9 Juil - 9:20

Up ! personne pour m'aider ?
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.

Infobulles et version mobile Empty Re: Infobulles et version mobile

Message par Coryanthe le Dim 14 Juil - 11:24

Up !
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.

Infobulles et version mobile Empty Re: Infobulles et version mobile

Message par Chacha le Sam 20 Juil - 7:40

Infobulles et version mobile UmaslZ4Bonjour,

Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message.

Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 60919
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Infobulles et version mobile Empty Re: Infobulles et version mobile

Message par Coryanthe le Sam 20 Juil - 15:33

Up !
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.

Infobulles et version mobile Empty Re: Infobulles et version mobile

Message par Chacha le Ven 26 Juil - 7:32

Infobulles et version mobile UmaslZ4Bonjour,

Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message.

Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 60919
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Infobulles et version mobile Empty Re: Infobulles et version mobile

Message par Chacha le Sam 27 Juil - 7:38

Infobulles et version mobile 8djze9qBonjour,

Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 7 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement !

Ce sujet est déplacé à la corbeille, merci d'ouvrir un nouveau sujet si nécessaire, en respectant les Règles générales du forum.
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 60919
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha 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