Infobulle petit probleme

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

Résolu Infobulle petit probleme

Message par Invité le Mer 1 Juin 2011 - 17:06

Bonjour,

Voila, j'ai réussi a mettre des infobulle pour mon Staff. Tout fonctionne bien. Le problème c'est que j'aimerais mettre les images à côté et non juste en dessous. Je vous montre ce que ça fais:

Spoiler:

Voila, si vous avez besoin de quoi que se sois dites le moi.

Merci.


Dernière édition par gagine17 le Mer 1 Juin 2011 - 22:21, édité 1 fois

Invité
Invité


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

Résolu Re: Infobulle petit probleme

Message par Rin_. le Mer 1 Juin 2011 - 17:09

Pour résoudre votre problème, j'ai besoin du code de vos infobulles.
Cela doit être un problème d'HTML.

Rin_.
****

Féminin
Messages : 250
Inscrit(e) le : 02/04/2011

http://google.fr
Rin_. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle petit probleme

Message par Invité le Mer 1 Juin 2011 - 17:13

ok: Voila ce que j'ai mis je vous en mes que un seul :

Code:
<table><tr><td><div class="lock"><img src="http://fotos.fotoflexer.com/a6e2e0d5dd67b9d2bfb75185c507e28d.jpg" border="0" alt="" /><div class="lock-hidden"><a href="http://the-world-of-cats.forumgratuit.org/u3?tid=c56c772e518cbfbdb44c22e2386fa6f7" class="postlink">Profil</a><br></br>Etoile Rêveuse <br></br>Chef&Admin</div></div></td></tr></table>




Invité
Invité


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

Résolu Re: Infobulle petit probleme

Message par Anzu le Mer 1 Juin 2011 - 17:24

Bonsoir,

C'est parce qu'il faut faire un tableau avec un tr et trois td Smile
Vous mettez une image par td.

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

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

Résolu Re: Infobulle petit probleme

Message par Invité le Mer 1 Juin 2011 - 17:29

Oui ça va mieux, mais maintenant, l'infobulle va dernier les images.
Comment faire ?


Merci pour la premier aide.

Invité
Invité


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

Résolu Re: Infobulle petit probleme

Message par Anzu le Mer 1 Juin 2011 - 17:45


Pourriez vous me donner le code actuel ? ^^
+ css.

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

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

Résolu Re: Infobulle petit probleme

Message par Invité le Mer 1 Juin 2011 - 17:53

Alors le code actuel des infobulle :
Code:

<table><tr><td><div class="lock"><img src="http://fotos.fotoflexer.com/614f2547d977b2a047a05df26de8465b.jpg" border="0" alt="" /><div class="lock-hidden"><a href="http://the-world-of-cats.forumgratuit.org/u1?tid=c56c772e518cbfbdb44c22e2386fa6f7" class="postlink">Profil</a> <br></br>Éclipse de Lune<br></br>Chef&Fonda&Admin</div></div> </td>

<td><div class="lock"><img src="http://fotos.fotoflexer.com/7682d147a6e9f3b9f58a301cc56c7df0.jpg" border="0" alt="" /><div class="lock-hidden"><a href="http://the-world-of-cats.forumgratuit.org/u4?tid=c56c772e518cbfbdb44c22e2386fa6f7" class="postlink">Profil</a><br></br>Étoile du Phoénix<br></br>Chef&Admin<br></br></div></div></td>

<td><div class="lock"><img src="http://fotos.fotoflexer.com/a6e2e0d5dd67b9d2bfb75185c507e28d.jpg" border="0" alt="" /><div class="lock-hidden"><a href="http://the-world-of-cats.forumgratuit.org/u3?tid=c56c772e518cbfbdb44c22e2386fa6f7" class="postlink">Profil</a><br></br>Etoile Rêveuse <br></br>Chef&Admin</div></div></td></tr></table>

et le Css:


Code:

    /*----- INFOBULLES ------*/



    .lock  {
      position: relative;
    }
    .lock .lock-hidden {
      /* center */
      display: none;
      position: absolute;
      padding-left : 5px;
      padding-right : 5px;
      padding-top  : 2px;
      padding-bottom : 1px;
        top: 22px;
        left: 93px;
      /* style du bloc qui apparait */
      border: 3px groove #00CC33;
      border-radius: 5px;
      background-color: #ffffff;
      -moz-border-radius: 5px;
      text-align: center;
        visibility: visible;
    width: 150px;
    height: 170px;
    }
    .lock:hover .lock-hidden {
      display: block;
    }


Voila.

Invité
Invité


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

Résolu Re: Infobulle petit probleme

Message par Invité le Mer 1 Juin 2011 - 20:41

Aidez moi S'il vous plait !

Invité
Invité


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

Résolu Re: Infobulle petit probleme

Message par Rin_. le Mer 1 Juin 2011 - 21:48

Bonsoir,

Avant tout, veuillez m'excuser pour le retard de ma réponse, sachez qu'après avoir mis ce code, il me faut le code des images voulant être insérée.
Sauf si vous voulez les mettre par vous-même.

Insérez ce code dans votre CSS :
(PA > Affichage > Couleurs > Feuille de style CSS)
Code:
/*----- INFOBULLES ------*/

a.imginfo span {
  display: none;
}

a.imginfo:hover {
  background: none;
  z-index: 999;
  cursor: help;
}

a.imginfo:hover span {
  display: inline;
  position: absolute;
  white-space: nowrap;
  top: 1020px;
  left: 450px;
  background: white;
  color: 7d7d7d;
  padding: 3px;
  border: 3px solid #b6b6b6;
}

Là où vous voulez l'infobulle (par exemple sur votre page d'accueil), insérez :
Code:
<a class="imginfo"><img src="URL IMAGE" alt="" />
<span>Le texte qui apparaît dans l'infobulle</span>
</a>



Sa devrait fonctionner.

Cordialement.


Dernière édition par Rin_. le Mer 1 Juin 2011 - 21:55, édité 2 fois

Rin_.
****

Féminin
Messages : 250
Inscrit(e) le : 02/04/2011

http://google.fr
Rin_. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle petit probleme

Message par Anzu le Mer 1 Juin 2011 - 21:52

Bonjour,

Je vous rappelle qu'il est autorisé un seul UP par tranche de 24 heures, à partir de votre dernier message posté dans le sujet concerné.

Je vous invite à lire :

A bientôt sur ForumActif Smile

On a tous une vie, nous ne sommes pas des machines, il faut savoir être patient.

La prochaine fois, votre sujet sera verrouillé Wink

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

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

Résolu Re: Infobulle petit probleme

Message par Invité le Mer 1 Juin 2011 - 22:07

oui désolé je ferais attention la prochaine fois. Merci Rin je vais essayer.

Edit: Super sa fonctionne merci beaucoup !


Dernière édition par gagine17 le Mer 1 Juin 2011 - 22:20, édité 1 fois

Invité
Invité


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

Résolu Re: Infobulle petit probleme

Message par Rin_. le Mer 1 Juin 2011 - 22:10

Pense à supprimer ton ancien code pour un bon fonctionnement Wink

Cordialement.

Rin_.
****

Féminin
Messages : 250
Inscrit(e) le : 02/04/2011

http://google.fr
Rin_. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle petit probleme

Message par Invité le Mer 1 Juin 2011 - 22:20

ok sa fonctionne merci beaucoup!

Invité
Invité


Invité 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