Problème avec infobulle (du moins il me semble que c'est ça)

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

Résolu Problème avec infobulle (du moins il me semble que c'est ça)

Message par Xin-chan le Jeu 26 Mai 2011 - 16:33

Bonjour ! Very Happy

Alors en fait nous avons commandé un code pour un p.a. cependant il bug sur certains ordinateurs :/ Et la créatrice n'a pas le temps et m'a autorisé à demander de l'aide :p

Alors c'est une pa à onglet, le premier tout va bien, mais su le second les infos bulles bug.

onglet 1 : https://i27.servimg.com/u/f27/14/27/63/07/sans_t14.jpg
onglet 2 (1) : https://i27.servimg.com/u/f27/14/27/63/07/sans_t15.jpg
onflet 2 (2): https://i27.servimg.com/u/f27/14/27/63/07/sans_t16.jpg

Le code n'est pas directement sur la pa, mais sur une page HTML et il est affiché dans une iframe, car ca bug quand c'est directement sur la p.a. Le voici :

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Faire un tableau avec onglet</title>


<style type="text/css">

#en_tete{
  width: 800px;
  padding: 10px;
  }

#en_tete span{
  float: right;
  }

#en_tete .bloc_texte{
  position: absolute;
  left:12px;
  top:60px;
  width :800px;
  height:585px;
  border:1px solid black;
  margin-top: -5px;
  background-color: #97a1b1;
  border: 3px solid #FFFFFF;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  color: white;
  font-size: 14px;
  text-shadow: 3px 2px 5px #131c2a;
  }


#en_tete .tableau_PA{
  background-color: #455162;
  border: 3px solid #FFFFFF;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  color: white;
  padding: 5px;
}



#en_tete .gros_titres{
  font-variant: small-caps;
  text-align: center;
  margin-bottom: -25px;
}


#en_tete .navigation:hover{cursor:nw-resize;}

#en_tete img:hover{cursor:nw-resize;}

a:link{text-décoration: none !important; color: white; underline: none !important;}
a:visited{text-décoration: none !important; color: white; underline: none !important;}
a:hover{text-décoration: none !important; color: #97a1b1; underline: none !important;}

/********* Infobulle *********/

a.infobulle_PA {
  position: relative;
  text-decoration:none !important;
  }

a.infobulle_PA span {
  display: none; /*Masque l'infobulle*/
  }

a.infobulle_PA:hover {
  background: none; /*Pour le "bug" d'internet explorer*/
  z-index: 999;
  text-decoration: non !important;
  }

a.infobulle_PA:hover span {
  display: inline; /*Pour afficher l'infobulle au passage de la souris*/
  position: absolute;
  width: auto;
  height:auto;
  text-align:justify;
  background-color: #455162;
  border: 1px solid #FFFFFF;
  white-space: nowrap; /*Pour éviter les retours à la ligne non désirés*/
  top: 5px; /*Position de l'infobulle*/
  left: 5px;   
  padding: 2px;
  color: #FFFFFF;
  /*Bordures de l'infobulle*/
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  }


</style>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
<!--
jQuery().ready(function(){
  $(".bloc_texte").hide();
  $("#1").show();
  $(".navigation").mouseover(function(){
      if($(this).next("div").is(":hidden")){               
        $(".navigation").next("div:visible").hide();
        $(this).next("div").show();
      }
  });
});
-->
</script>

</head>

<body>

<div id="en_tete">
<span><img src="http://img222.imageshack.us/img222/1971/plusencoreq.png" class="navigation" /><div class="bloc_texte">
<table><tr><td><p style="margin-left: 40px; margin-top: 30px;"><img src="http://img42.imageshack.us/img42/7226/staffci.png" /><br>
          <a href="#" class="infobulle_PA"><img src="http://img830.imageshack.us/img830/662/keyn.png" border="0" /><span><table width="125" cellspacing="1" cellpadding="1"

border="0"><tbody><tr><td style="text-align: center;">
<img src="http://img7.hostingpics.net/pics/238260TM21.gif" /><br>
<strong>McKey C. Sullivan</strong><br>Fondatrice, rayon de soleil<hr /><a href="http://unfamousxstory.forum-canada.com/login?redirect=%2Fprivmsg%3Ffolder%3Dinbox%26mode%3Dpost%

26u%3D2" title="M'envoyer un MP" target="_blank">Envoyer un MP</a><br><a href="http://unfamousxstory.forum-canada.com/u2" title="Mon profil ?" target="_blank">Voir le

Profil</a></td></tr></tbody></table></span></a>

    <a href="#" class="infobulle_PA"><img src="http://img846.imageshack.us/img846/1007/andrewb.png" border="0" /><span><table width="125" cellspacing="1" cellpadding="1"

border="0"><tbody><tr><td style="text-align: center;">
<img src="http://img5.imageshack.us/img5/2087/sidwell.gif" /><br>
<strong>Andrew W. Shelton</strong><br>Admin cruel<hr /><a href="http://unfamousxstory.forum-canada.com/login?redirect=%2Fprivmsg%3Ffolder%3Dinbox%26mode%3Dpost%26u%3D5"

title="M'envoyer un MP" target="_blank">Envoyer un MP</a><br><a href="http://unfamousxstory.forum-canada.com/u5" title="Mon profil ?" target="_blank">Voir le

Profil</a></td></tr></tbody></table></span></a>

    <a href="#" class="infobulle_PA"><img src="http://img841.imageshack.us/img841/3984/lilyk.png" border="0" /><span><table width="125" cellspacing="1" cellpadding="1"

border="0"><tbody><tr><td style="text-align: center;">
<img src="http://img4.hostingpics.net/pics/856558gif.gif" /><br>
<strong>Lily J. Evans</strong><br>Bras droit de Key<hr /><a href="http://unfamousxstory.forum-canada.com/login?redirect=%2Fprivmsg%3Ffolder%3Dinbox%26mode%3Dpost%26u%3D6"

title="M'envoyer un MP" target="_blank">Envoyer un MP</a><br><a href="http://unfamousxstory.forum-canada.com/u6" title="Mon profil ?" target="_blank">Voir le

Profil</a></td></tr></tbody></table></span></a>

    <a href="#" class="infobulle_PA"><img src="http://img824.imageshack.us/img824/2158/cissy.png" border="0" /><span><table width="125" cellspacing="1" cellpadding="1"

border="0"><tbody><tr><td style="text-align: center;">
<img src="http://img11.hostingpics.net/pics/914621BL1.gif" /><br>
<strong>Narcissa Black</strong><br>Princesse Modo<hr /><a href="http://unfamousxstory.forum-canada.com/login?redirect=%2Fprivmsg%3Ffolder%3Dinbox%26mode%3Dpost%26u%3D17"

title="M'envoyer un MP" target="_blank">Envoyer un MP</a><br><a href="http://unfamousxstory.forum-canada.com/u17" title="Mon profil ?" target="_blank">Voir le

Profil</a></td></tr></tbody></table></span></a>

    <a href="#" class="infobulle_PA"><img src="http://img708.imageshack.us/img708/4151/lilithz.png" border="0" /><span><table width="125" cellspacing="1" cellpadding="1"

border="0"><tbody><tr><td style="text-align: center;">
<img src="http://img11.hostingpics.net/pics/375103gif2.gif" /><br>
<strong>Lilith C. Sommers</strong><br>Modo Démoniaque<hr /><a href="http://unfamousxstory.forum-canada.com/login?redirect=%2Fprivmsg%3Ffolder%3Dinbox%26mode%3Dpost%26u%3D15"

title="M'envoyer un MP" target="_blank">Envoyer un MP</a><br><a href="http://unfamousxstory.forum-canada.com/u15" title="Mon profil ?" target="_blank">Voir le

Profil</a></td></tr></tbody></table></span></a></p></td>

<td><p style="margin-left: -50px; margin-top: 30px;"><img src="http://img691.imageshack.us/img691/795/nospartenaires.png" /><br>
<a href="http://pole-emploi-hp.forumactif.ws/" target="_blank"><img src="http://img84.imageshack.us/img84/8835/partenaire.png" border="0" /></a>
<a href="http://sos-rpg.4rumer.com/" target="_blank"><img src="http://img84.imageshack.us/img84/8835/partenaire.png" border="0" /></a>
<a href="http://owl-and-jinx.forumgratuit.org/" target="_blank"><img src="http://img84.imageshack.us/img84/8835/partenaire.png" border="0" /></a>
<a href="http://loandly-iod.forumactif.org/" target="_blank"><img src="http://img84.imageshack.us/img84/8835/partenaire.png" border="0" /></a><br>
<a href="http://fofolies.e-monsite.com/" target="_blank"><img src="http://img84.imageshack.us/img84/8835/partenaire.png" border="0" /></a>
<a href="http://chocogrenouille-rpg.desforums.net/" target="_blank"><img src="http://img84.imageshack.us/img84/8835/partenaire.png" border="0" /></a>
<a href="#" target="_blank"><img src="http://img84.imageshack.us/img84/8835/partenaire.png" border="0" /></a>
<a href="#" target="_blank"><img src="http://img84.imageshack.us/img84/8835/partenaire.png" border="0" /></a><br>
<center><a href="http://unfamousxstory.forum-canada.com/t42-nos-partenaires" target="_blank">Plus</a> ?  <a href="http://unfamousxstory.forum-canada.com/t41-comment-devenir-

partenaires-avec-nous" target="_blank">Vous</a> ?  <a href="http://unfamousxstory.forum-canada.com/t43-comment-faire-de-la-publicite-pour-mon-forum-sur-us" target="_blank">Nous

lier</a> ?</center>
</tr><tr>
<td><p style="margin-left: 60px;"><img src="http://imageshack.us/m/580/276/abso.png" title="On les veut *o*" /><br>

<a href="#" class="infobulle_PA" style="margin-left: 50px;"><img src="http://img641.imageshack.us/img641/9599/iconespv.png" border="0" /><span><table width="125" cellspacing="1"

cellpadding="1" border="0"><tbody><tr><td style="text-align: center;"><img src="http://obsession27.free.fr/boutons/iconshenaegrimeschl7.jpg" /><br>Alice Browing<hr/>Feat :

Shenae Grims<br><a href="http://unfamousxstory.forum-canada.com/t9-cute-sweetheart" target="_blank">La kidnapper</a></td></tr></tbody></table></span></a>

    <a href="#" class="infobulle_PA"><img src="http://img641.imageshack.us/img641/9599/iconespv.png" border="0" /><span><table width="125" cellspacing="1" cellpadding="1"

border="0"><tbody><tr><td style="text-align: center;"><img src="http://i56.tinypic.com/2zxtfeu.jpg" /><br>Harry Potter<hr/>Feat : Daniel Radcliffe<br><a

href="http://unfamousxstory.forum-canada.com/t8-let-s-not-play-with-the-past" target="_blank">Le kidnapper</a></td></tr></tbody></table></span></a>

    <a href="#" class="infobulle_PA"><img src="http://img641.imageshack.us/img641/9599/iconespv.png" border="0" /><span><table width="125" cellspacing="1" cellpadding="1"

border="0"><tbody><tr><td style="text-align: center;"><img src="http://www.portkey.it/images/rupert.jpg" /><br>Ron Weasley<hr/>Feat : Rupert Grint<br><a

href="http://unfamousxstory.forum-canada.com/t8-let-s-not-play-with-the-past" target="_blank">Le kidnapper</a></td></tr></tbody></table></span></a>

    <a href="#" class="infobulle_PA"><img src="http://img641.imageshack.us/img641/9599/iconespv.png" border="0" /><span><table width="125" cellspacing="1" cellpadding="1"

border="0"><tbody><tr><td style="text-align: center;"><img src="http://obsession27.free.fr/boutons/iconselenagomezreb10.jpg" /><br>Abigail Washington<hr/>Feat : Selena

Gomez<br><a href="http://unfamousxstory.forum-canada.com/t8-let-s-not-play-with-the-past" target="_blank">La kidnapper</a></td></tr></tbody></table></span></a>

    <a href="#" class="infobulle_PA"><img src="http://img641.imageshack.us/img641/9599/iconespv.png" border="0" /><span><table width="125" cellspacing="1" cellpadding="1"

border="0"><tbody><tr><td style="text-align: center;"><img src="http://www.wikinoticia.com/images/blogcorazon/cdn.hiperpop.com.files.2010.11.Matthew_Morrison-100x100.jpg"

/><br>Arthur Weasley<hr/>Feat : Matthew Morrison<br><a href="http://unfamousxstory.forum-canada.com/t256-order-of-phoenix
" target="_blank">Le kidnapper</a></td></tr></tbody></table></span></a></p>


<span style="text-align:center;"><a href="http://unfamousxstory.forum-canada.com/f3-who-s-available-and-who-s-not" target="_blank">Plus de PV</a> ~ <a

href="http://unfamousxstory.forum-canada.com/f103-scenarii" target="_blank">Les scénarios des membres</a> ~ <a href="http://unfamousxstory.forum-canada.com/t46-demande-de-poste-

vacant-sur-mesure" target="_blank">PV's sur-mesure</a></span></td></tr></table>

<p style="font-size: 10px; margin-top: 15px; margin-left: 35px;">Crédits :<br>Le forum appartient dans son intégralité au staff d'Unfamous Story<br>L'en-tête a été faite par

Magma<br>Le design est de Xina<br>Merci de respecter les créateurs et leurs oeuvres :)</p>
</div></span>


<span><img src="http://img690.imageshack.us/img690/2118/admon.png" class="navigation" /><div class="bloc_texte" id="1">
<center><a href="#" class="infobulle_PA"><img src="http://img849.imageshack.us/img849/7883/adminu.png" border="0" /><span><table width="125" cellspacing="1" cellpadding="1"

border="0"><tbody><tr><td>
<ul><li><a href="http://unfamousxstory.forum-canada.com/t1-serment-inviolable" target="_blank">Règlement</a>
<li><a href="http://unfamousxstory.forum-canada.com/t55-bienvenue-sommaire" target="_blank">Sommaire</a>
<li><a href="http://unfamousxstory.forum-canada.com/f5-if-you-are-lost-take-a-map" target="_blank">Questions</a>
<li><a href="http://unfamousxstory.forum-canada.com/f15-babillard" target="_blank">News</a>
<li><a href="http://unfamousxstory.forum-canada.com/t29-registre-des-avatars" target="_blank">Avatars pris</a>
<li><a href="http://unfamousxstory.forum-canada.com/f4-n-ayez-pas-peur-de-moi-je-ne-suis-qu-un-pauvre-chapeau-inoffensif" target="_blank">Fiches de présentation</a>
<li><a href="http://unfamousxstory.forum-canada.com/t75-faire-15-au-lieu-de-25-lignes" target="_blank">Tutorats</a></li></ul></td></tr></tbody></table></span></a>
 
<a href="#" class="infobulle_PA"><img src="http://img62.imageshack.us/img62/7734/37209599.png" border="0" /><span><table width="125" cellspacing="1" cellpadding="1"

border="0"><tbody><tr><td>
<ul><li><a href="http://unfamousxstory.forum-canada.com/f3-who-s-available-and-who-s-not" target="_blank">Postes Vacants</a>
<li><a href="http://unfamousxstory.forum-canada.com/f103-scenarii" target="_blank">Scénarios</a>
<li><a href="http://unfamousxstory.forum-canada.com/t46-demande-de-poste-vacant-sur-mesure" target="_blank">Postes acants sur-

mesure</a></li></ul></td></tr></tbody></table></span></a>
 
<a href="#" class="infobulle_PA"><img src="http://img845.imageshack.us/img845/7382/roleplay.png" border="0" /> <span><table width="125" cellspacing="1" cellpadding="1"

border="0"><tbody><tr><td>
<ul><li><a href="http://unfamousxstory.forum-canada.com/t265-intrigue-du-mois-d-octobre-le-roi-d-haloween-prend-le-pouvoir-a-poudlard" target="_blank">Intrigues</a>
<li><a href="http://unfamousxstory.forum-canada.com/t254-inscription-au-rp-commun-d-octobre-sur-us" target="_blank">RP communs</a>
<li><a href="http://unfamousxstory.forum-canada.com/t220-options" target="_blank">Options</a>
<li><a href="http://unfamousxstory.forum-canada.com/t62-inscription-dans-l-equipe-de-quidditch" target="_blank">Quidditch</a>
<li><a href="http://unfamousxstory.forum-canada.com/t38-prefet-prefete" target="_blank">Préfets</a></li></ul>
</td></tr></tbody></table></span></a>

<a href="#" class="infobulle_PA"><img src="http://img847.imageshack.us/img847/1719/partenariat.png" border="0" /><span><table width="125" cellspacing="1" cellpadding="1"

border="0"><tbody><tr><td>
<ul><li><a href="http://unfamousxstory.forum-canada.com/t43-comment-faire-de-la-publicite-pour-mon-forum-sur-us" target="_blank">Nous lier</a>
<li><a href="http://unfamousxstory.forum-canada.com/t42-nos-partenaires" target="_blank">Nos partenaires</a>
<li><a href="http://unfamousxstory.forum-canada.com/t41-comment-devenir-partenaires-avec-nous" target="_blank">Devenir Partenaires</a></li></ul>
</td></tr></tbody></table></span></a>
</center>

<table cellspacing="50px"><tr><td><div style="text-align:center; font-size: 11px;  margin-top: -35px;">Un minimum de 25 lignes est demandé, des difficultés ?<br>Possibilités

d'en faire 15. Pour plus d'info c'est <a href="#">ici</a><br/>Forum optimisé pour mozilla firefox.</div>
<p style="margin-top: -10px;"><h1 class="gros_titres" style="margin-left: -35px;">Contexte</h1><br/>
<div class="tableau_PA" style="text-align: justify; margin-left: -50px; padding: 10px;"><div style="overflow-y: auto; overflow-x: hidden; max-width: 450px; max-height: 250px;

padding: 10px;">Journal d'Abigail :<br>

"Je vais devoir tuer un homme. Et le pire, c'est que cette mort va en entraîner beaucoup d'autres, elle va complètement bouleverser le présent. Mais je suis obligée ! O-BLI-GÉE

! Je n'y crois pas moi-même, et pourtant c'est vrai. Si je ne le fais pas, Il tuera mon père. Que deviendrions-nous, ma mère, mes sœurs et moi sans lui ? Je ne peux pas laisser

faire ça, je dois le sauver. Après tout, ce n'est pas vraiment de sa faute, il s'est fait avoir par un puissant mage ... peut-être même a-t-il été forcé à jouer ? Je ne connais

pas encore l'identité de ma future victime. Je croyais qu'écrire me ferait du bien, mais c'est pire de voir ce que je vais devoir faire écrit, noir sur blanc ..."<br><br>


Une semaine plus tard.<br>

"Je sais qui est ma victime. Je commence la filature aujourd'hui. Je ... Je dois tuer Harry Potter."<br><br>


1977<br>

Nous sommes en novembre 1977, à Poudlard. Les temps sont sombres. Voldemort, incarnation des ténèbres, a réuni un nombre incroyable de mangemorts, et a quasiment tout le

contrôle sur l'Angleterre. Parlant de Poudlard, il s'y passe de drôles de choses. Des nouveaux professeurs sont arrivés en plein milieu de l'année : Herry Port, professeur de

défense contre les forces du mal, et Roonil Wazlib, le responsable du club de duel et de la sécurité de l'école. Quand à Abigail, elle a prit une nouvelle identité, et se mêle

aux autres étudiants.<br>

Beaucoup de question se posent ... Pourquoi le professeur Port ressemble-t-il autant à James ? Pourquoi de nouveaux professeurs à cette époque de l'année ? Harry et Ron

pourront-ils rentrés en Angleterre ? Abigail arrivera-t-elle à remplir sa mission ? Et vous, quel clan allez-vous choisir ?</div></div></p><br/>
<div style="margin-left: -75px;"><h5 style="text-align:center; margin-top: 10px; margin-bottom: -10px;">Votez pour Unfamous Story et gagnez de nombreux points !</h5><p />
<center><a href="http://www.root-top.com/topsite/smykie/in.php?ID=1135" border="0"><img src="http://img849.imageshack.us/img849/9043/votex.png" title="Top Harry Potter RPG"

border="0"/></a> <a href="http://www.root-top.com/topsite/serpentgy/in.php?ID=7196" border="0"><img src="http://img849.imageshack.us/img849/9043/votex.png" title="Top Sites RPG"

border="0"/></a> <a href="http://www.root-top.com/topsite/beauxbatons/in.php?ID=2405" border="0"><img src="http://img849.imageshack.us/img849/9043/votex.png" title="Top Ecole

Virtuelle" border="0"/></a></div></td>
<td><div style="margin-top: -100px;">
<center><img src="http://img90.imageshack.us/img90/5277/welcomese.png"/></center>
<p><h1 class="gros_titres">News</h1><br/>
<div class="tableau_PA" style="max-width: 300px; max-height: 200px; padding: 10px;"><div style="overflow-y: auto; overflow-x: hidden;">  * Le thème est installé depuis la fin

février.<br/>
    * Le forum a officiellement ouvert ses portes le 8 mars 2011.<br/>
    * Le première intrigue a été mise en place, pour plus d'info c'est par ici<br/>
    * Le mois d'octobre arrive, plus d'info ? C'est ici<br/></div>
</div></p></div></td></tr></table>
</div></span>

</div>
</body>
</html>




Merci d'avance pour votre aide =)

Xin-chan
*****

Féminin
Messages : 769
Inscrit(e) le : 13/05/2006

http://dragonteapot.harrypotterrpg.fr/
Xin-chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec infobulle (du moins il me semble que c'est ça)

Message par Xin-chan le Jeu 26 Mai 2011 - 22:40

en fait c'est bon <3

Xin-chan
*****

Féminin
Messages : 769
Inscrit(e) le : 13/05/2006

http://dragonteapot.harrypotterrpg.fr/
Xin-chan 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