School of Pub, où la perfection est à la portée de chacun. (Dixit Audidounette)

AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

 


School of Pub :: Archives du forum :: Les archives du forum :: Aides spécifiquesPartager | 
 

 Problème d'infobulle

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

Ijumi

Etudiante

Voir le dossier scolaire

Etudiante

Féminin Nombre de messages: 888
Age: 17
Localisation: Ici ? Où ??? Mais là !! roh lalala
$ops: 2113
Points: 15
Date d'inscription: 25/06/2011
 
MessageSujet: Problème d'infobulle   Dim 8 Jan - 9:50
Re bonjour! x)

Ijumi l'intrépide revient au triple galop après avoir tenter la mission la plus périllieuse de sa vie : Faire une page d'acceuil en onglet! ... Soit, en fait ça m'a pris pas beaucoup de temps de remettre comme il faut le code, ça m'a étonnée d'ailleurs. Mais un problème persiste. Les infobulles de l'onglet "personnages et spécificités". Quand on passe la souris dessus, l'infobulle passe en dessous de la div. (alors que sur le premier onglet, ça marche tout comme il faut --')

voilà mon css:

Code:
/*PAGE D'ACCUEIL */

/* Onglets position */

span.onglet{
  float:left;
  }
 
 span.onglet a:hover{
  letter-spacing : 2px;
text-decoration: none !important;
text-shadow: 2px 2px 2px #45311B; 
  }

#en_tete  .bloc_texte{
  position:absolute;
  margin-top:0;
  width:800px;
  margin-left:50%;
  left: -400px; /* ceci correspond à la - (largeur / 2) */
  }

/** Onglet  **/

#en_tete  #onglet{
  min-height:350px;
  border: 2px #45311B dotted;
  -moz-border-radius: 10px;
  }
 
.titre{
backround-img:url('LIEN ICI');
width: 100%;
height: 50px;
color: #000000;
text-shadow: 2px 2px 2px #45311B; 
font-size: 30px;
Font-family: Perpetua;
font-align: center;
}

.cadre{
font-size: 16px;
Font-family: Perpetua;
font-align: center;
width: 100%;
height: 100%;}

/* Navigation */

div.navigation
{
  font-family: perpetua;
  font-size: 18px;
  color: #FFFFFF;
  background-color: #B38D71;
  text-align: center;
  border: 1px solid #45311B;
-moz-border-radius-topleft: 15px;
  -moz-border-radius-topright: 15px;
min-width: 100px;
width: auto;
}

div.navigation:hover
{
    color; #FFFFFF;
    background-color: #B38D71;
    font-size: 18px;
    letter-spacing : 2px;
    text-shadow: 2px 2px 2px #000000;
    border: 1px solid #45311B;
}


                                                  /**** FICHE DE QUÊTES ****/
.fondquete{
width:600px;
min-height: 200px;
height: auto;
border: 2px solid #261109;
background:url('http://img52.imageshack.us/img52/8908/fondquete.png');
-moz-border-radius:10px;
padding:15px;
text-shadow: 2px 2px 2px #bfaaa3;
color: #261109;
margin:auto;
}

.contenu{
border: #33180F dotted 2px;
text-indent:20px;
font-size:20px;
text-shadow: 2px 2px 2px #bfaaa3;
font-family: Perpetua;
background:url('http://img811.imageshack.us/img811/4158/fond6.png');
color: #261109;
width: 550px;
min-height: 100px;
height:auto;
margin: auto;
-moz-border-radius:30px;
}

.contenuc{
color: #261109;
text-shadow: none;
font-family: Perpetua;
font-size: 12px;
padding: -5px;
margin:0px;
text-align:justify;
}

.box{
text-indent:20px;
width:300px;
min-height:150px;
margin: auto;
height: auto;
border: #33180F  2px solid;
color: #261109;
text-shadow: 2px 2px 2px #45311B;
background: url('http://img849.imageshack.us/img849/8544/fond7j.png');
-moz-border-radius:30px;
}


.bloc{
border: #33180F dotted 2px;
text-indent:20px;
font-size:20px;
text-shadow: 2px 2px 2px #bfaaa3;
font-family: Perpetua;
background:url('http://img811.imageshack.us/img811/4158/fond6.png');
color: #261109;
width: 550px;
min-height: 200px;
height:auto;
margin: auto;
-moz-border-radius-topleft:30px;
-moz-border-radius-bottomright:30px;
}

.boxc{
color: #261109;
text-shadow: none;
font-family: Courier new;
font-size: 12px;
padding: -5px;
margin:0px;
text-align:justify;

}

.contenubloc{
color: #261109;
text-shadow: none;
font-family: Perpetua;
font-size: 12px;
padding: -5px;
margin:0px;
text-align:justify;
}

.deux{
font-family: Comic sans ms;
font-size: 20px;
text-shadow: 2px 2px 2px #bfaaa3;
background: url('http://img814.imageshack.us/img814/3676/fond21.png');
text-align: center;
height: 30px;
width: 700px;
border: 2px solid #45311B;
  border-bottom:4px double #45311B;
-moz-border-radius:5px;
margin: auto;
line-height: 25px;
}


#hrp{
        border:2px dotted #8a8686;
        color:#8a8686;
        padding:5px;
        margin:10px;
        -moz-border-radius:5px;
        -webkit-border-radius:5px ;
        border-radius:5px;
        }


/* forum image descrption */


#fd_5{background-image:url('');}
#fd_6{background-image:url('');}

                                                    /* Page d'acceuil en onglets */

.autre{
Font-family: perpetua;
Background :url('http://img84.imageshack.us/img84/361/fond7.png');
-moz-border-radius: 10px;
border: 2px solid #6b4f3b;
height:auto;
width: 364px;
padding :10px;
}

.parte{
Font-family: perpetua;
Background :url('http://img84.imageshack.us/img84/361/fond7.png');
-moz-border-radius: 10px;
border: 2px solid #6b4f3b;
      width: 330px;
      height: 390px;
      padding: 5px;
      }


#partev{
border: 2px solid #6b4f3b;
text-shadow: 2px 2px 2px #45311B;
width: 282px;
height: 360px;
margin: auto;
background:#e0d6ce;
}

#partevc{
width:282px;
height:350px;
margin:0px;
padding:0px;
position: relative;
overflow-y: auto !important;
}
img.part{
  position: relative;
  border: none !important;
}

.qts{
Font-family: perpetua;
Background :url('http://img84.imageshack.us/img84/361/fond7.png');
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
border: 2px solid #6b4f3b;
height:150px;
width: 340px;
padding :10px;
margin:auto;
line-height:25px;
font-size:14px;
overflow-y: auto;
}

.qtsv{
Font-family: perpetua;
Background :url('http://img84.imageshack.us/img84/361/fond7.png');
-moz-border-radius: 10px;
border: 2px solid #6b4f3b;
height:120px;
width: 715px;
padding :10px;
margin: auto;
font-size: 16px;
text-align: center;
overflow-y: auto;
}

.ps{
Font-family: perpetua;
font-size:20px;
Background :url('http://img84.imageshack.us/img84/361/fond7.png');
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border: 2px solid #6b4f3b;
height:135px;
width: 340px;
padding :10px;
margin: auto;
overflow-x: auto;
}

.psv{
Font-family: perpetua;
Background :url('http://img84.imageshack.us/img84/361/fond7.png');
border: 2px solid #6b4f3b;
height:385px;
width: 340px;
padding :10px;
margin: auto;
line-height:25px;
overflow-y: auto;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
}

.navi{
Font-family: perpetua;
Background :url('http://img84.imageshack.us/img84/361/fond7.png');
-moz-border-radius: 10px;
border: 2px solid #6b4f3b;
height:135px;
width: 290px;
padding-left: 50px;
padding-top: 10px;
margin: auto;
}

.stff{
Font-family: perpetua;
Background :url('http://img84.imageshack.us/img84/361/fond7.png');
-moz-border-radius: 10px;
border: 2px solid #6b4f3b;
height:150px;
width: 320px;
padding:10px;
margin:auto;
}

.titre{
Background :url('http://img534.imageshack.us/img534/7323/fond12.png');
width: 100%;
height: 40px;
color: #000000;
text-shadow: 2px 2px 2px #45311B;
font-size: 30px;
Font-family: Perpetua;
text-align: center;
-moz-border-radius: 20px;
border: 2px solid #6b4f3b;
}

/** Infobulle **/


a.infobulle, a.infobulle img {
  position: relative;
  border: none;
}

a.infobulle span {
  display: none;
}
a.infobulle:hover {
  background: none;
    z-index: 999;
letter-spacing : 1px;
}
a.infobulle:hover span {
  display: inline;
  position: absolute;
  letter-spacing : 1px;

  white-space: nowrap;

  top: -100px;
  left: 35px;

  background: #DBC7B8;
  color: #5C392E;
  font-size:12px;
  text-align: center;
  margin:0px;
  width:auto;
  height: auto;
  padding-left: 2px;
  padding-bottom: 5px;
  paddingt-top:5px;
  padding-right:2px;

  border-top: 2px double #45311B;
  border-bottom: 2px double #45311B;
  border-left: 7px double #45311B;
  border-right: 7px double #45311B;


-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 15px;
}

a.infobulle2, a.infobulle2 img {
  position: relative;
  border: none;
}

a.infobulle2 span {
  display: none;
}
a.infobulle2:hover {
  background: none;
    z-index: 999;
letter-spacing : 1px;
}
a.infobulle2:hover span {
  display: inline;
  position: absolute;
  letter-spacing : 1px;

  white-space: nowrap;

  top: -100px;
  left: 35px;

  background: #DBC7B8;
  color: #5C392E;
  font-size:12px;
  text-align: center;
  margin:0px;
  width:auto;
  height: auto;
  padding-left: 2px;
  padding-bottom: 5px;
  paddingt-top:5px;
  padding-right:2px;

  border-top: 2px double #45311B;
  border-bottom: 2px double #45311B;
  border-left: 7px double #45311B;
  border-right: 7px double #45311B;


-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 15px;
}

a:hover{
letter-spacing : 2px;
text-decoration: none !important;
text-shadow: 2px 2px 2px #45311B;
border-bottom : 1px dashed;
color:#994720;}

a{text-decoration: none !important;
color:#33180F;}

ul{
  list-style: none;
  margin: 0px;
  padding: 0px;
  }
 
ul li{
  float: left;
  padding: 3px;
  display: block;
  margin-right: 1px;
  position:relative;
}

ul li div{
  display: block;
  overflow: hidden;
  height: 504px;
  width: 54px;
}

div.lol{
  height: 504px;
  width: 54px;
  background-color: #DBC7B8;
  border: 2px solid #381c0d;
  position: relative;
}


ul li p{
  margin: 0;
  padding: 0;
  width: 120px;
  display: block;
  margin-left: 85px;
}

div.cadre{
  display:block;
  width:100%;
  height:100%;
  font-size: 16px;
Font-family: Perpetua;
font-align: center;
  }

div.conte{
        border: 2px inset #B38D71;
      background: #e0d6ce;
      color: #3b2909;
      width: 364px;
      height: 390px;
      margin: 5px;
      padding: 5px;
      text-indent: 20px;
      Font-family: Perpetua;
    overflow: auto;
    }

.stff div{
  display: inline-block;
  }
 
.parte div{
  display: inline-block;
  }
 
  .partev div{
  display: inline-block;
  }
 
  .ps div{
  display: inline-block;
  }
  .psv div{
  display: inline-block;
  }


Et mon html :

Code:
        <table style="margin: auto;"><tr><td style="padding-bottom: 4px;" align="center"><div id="mes_onglets">
            <span id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);"><img src="http://img809.imageshack.us/img809/6920/accueilho.png" /></span>
                <span id="o_2" class="mon_onglet" onclick="changeOnglet(this);"><img src="http://img812.imageshack.us/img812/1489/quetes.png" /></span>
                <span id="o_3" class="mon_onglet" onclick="changeOnglet(this);"><img src="http://img15.imageshack.us/img15/5537/persetspefi.png" /></span>
                <span id="o_4" class="mon_onglet" onclick="changeOnglet(this);"><img src="http://img341.imageshack.us/img341/3663/autresy.png" /></span></td></tr>
       
                <div class="clear"><div id="mes_contenus"><tr><td>
            <div id="co_1" class="mon_contenu"> <table style="width:748px; height:500px; margin-left:52px;position:relative;">
        <tr valign="top">
            <td width="50%" height="100%" rowspan="2">
              <h1 class="titre"> Résumé du contexte </h1>
              <div class="conte">
Il y a bien longtemps, un dieu nommé Managarm créa Melu'', planète dotée de richesses et de beautés inimaginables. Il donna naissance à deux jumelles, deux déesses louves : Sköll et Hati.
Ensemble, elles donnèrent la vie à de nombreuses créatures et fondèrent cinq clans qu'elles dispersèrent sur Melu''.<br><br>

L'un des cinq clans, peuple nomade et croyant, le clan de la Lune, supplia les deux sours de leur offrir leur terre promise. Ainsi, les deux déesses leur donnèrent Azclandia, cité merveilleuse protégée par la magie arcanique, source du pouvoir des dieux.
Seulement, ce royaume enchanteur fut créé sur d'anciens territoires d'un second clan : le clan du Sang, et cela profanait leurs cimetières, et détruisit leurs terrains de chasse. Outrés, ses membres déclarèrent la guerre aux elfes de la Lune : Ce fut la Grande guerre d'Azclandia.
Après maintes péripéties, ce conflit cessa, et un pacte entre les cinq tribus fut instauré... Ce fut le pacte des cinq clans.<br><br>
La cité prospéra, sous la bénédiction des cinq chefs. Hélas, les premiers nés de Melu'', démons et monstres chaotiques, ressortirent des ténèbres de leur création. Ils se nommèrent la Peste, et menacent de plus en plus le royaume d'Azclandia. Mais les chefs taisent la menace qu'ils représentent, et peu de personnes se doutent de ce qui pourrait se produire...<br><br>

Une nouvelle guerre risque d'éclater, mais quand? Où? Et pourquoi les chefs ne font ils rien face à ce danger?
              </div>
            </td>
            <td width="50%" height="50%">
              <h1 class="titre"> Navigation rapide </h1>
              <div class="navi">
              <a target="_blank" class="nav" href="http://azclandia.rpg-dynasty.net/t6-l-histoire-d-azclandia"><strong>¤</strong> l'histoire d'Azclandia</a><br>
                  <a target="_blank" class="nav" href="http://azclandia.rpg-dynasty.net/t7-les-cinq-clans-d-azclandia"><strong>¤</strong> les cinq clans</a><br>
                  <a target="_blank" class="nav" href="http://azclandia.rpg-dynasty.net/faq"><strong>¤</strong> La foire au questions</a><br>
                  <a target="_blank" class="nav" href="http://azclandia.rpg-dynasty.net/plan-h8.htm"><strong>¤</strong> le plan</a><br>
                  <a target="_blank" class="nav" href="http://azclandia.rpg-dynasty.net/f163-personnages"><strong>¤</strong> le gestionnaire</a><br>
              <a target="_blank" class="nav" href="http://azclandia.rpg-dynasty.net/f134-demande-de-rp"><strong>¤</strong> demande de rp</a>
              </div>
            </td>
        </tr>
        <tr>
            <td width="50%" height="50%">
              <h1 class="titre"> Staff </h1><div class="stff">
                    <div><a class="infobulle"><img src="http://i28.servimg.com/u/f28/15/48/85/69/10730110.jpg" /><span><table width="100px" cellspacing="1" cellpadding="1" border="0"><tr><td>Leili sakuraka<br>Le petit loup, chef de la Terre ?<br><br><a target="_blank" href="http://azclandia.rpg-dynasty.net/profile.forum?mode=viewprofile&u=9"><font color="#288a0b">voir profil</font></a><br><a target="_blank" href="http://azclandia.rpg-dynasty.net/les-fiches-personnages-f17/leili-sakuraka-t34.htm"><font color="#a32a77">Fiche personnage</font></a><br><a target="_blank" href="http://azclandia.rpg-dynasty.net/msg.forum?mode=post&u=9"><font color="#2aa36f">envoyer mp</font></a></td></tr></table></span></a> </div>
              <div><a class="infobulle"><img src="http://i28.servimg.com/u/f28/15/48/85/69/ijumi110.jpg" /><span><table width="100px" cellspacing="1" cellpadding="1" border="0"><tr><td>Ijumi Tokage<br>Le féroce dragon,chef de sang ?<br><br><a target="_blank" href="http://azclandia.rpg-dynasty.net/profile.forum?mode=viewprofile&u=3"><font color="#288a0b">voir profil</font></a><br><a target="_blank" href="http://azclandia.rpg-dynasty.net/les-fiches-personnages-f17/ijumi-tokage-t11.htm"><font color="#a32a77">Fiche personnage</font></a><br><a target="_blank" href="http://azclandia.rpg-dynasty.net/msg.forum?mode=post&u=3"><font color="#2aa36f">envoyer mp</font></a></td></tr></table></span></a></div>
              <div><a class="infobulle"><img src="http://i28.servimg.com/u/f28/15/48/85/69/2-112.jpg" /><span><table width="100px" cellspacing="1" cellpadding="1" border="0"><tr><td>Vigo Corpus<br>Sanguinaire chef de la Griffe ?<br><br><a target="_blank" href="http://azclandia.rpg-dynasty.net/profile.forum?mode=viewprofile&u=4"><font color="#288a0b">voir profil</font></a><br><a target="_blank" href="http://azclandia.rpg-dynasty.net/les-fiches-personnages-f17/vigo-corpus-t56.htm"><font color="#a32a77">Fiche personnage</font></a><br><a target="_blank" href="http://azclandia.rpg-dynasty.net/msg.forum?mode=post&u=4"><font color="#2aa36f">envoyer mp</font></a></td></tr></table></span></a></div>
              <div><a class="infobulle"><img src="http://i28.servimg.com/u/f28/15/48/85/69/tyrand10.jpg" /><span><table width="100px" cellspacing="1" cellpadding="1" border="0"><tr><td>Morwen feuilld'argent<br>Grande prêtresse de la cité ?<br><br><a target="_blank" href="http://azclandia.rpg-dynasty.net/profile.forum?mode=viewprofile&u=1"><font color="#288a0b">voir profil</font></a><br><a target="_blank" href="http://azclandia.rpg-dynasty.net/les-fiches-personnages-f17/morwen-feuild-argent-t10.htm"><font color="#a32a77">Fiche personnage</font></a><br><a target="_blank" href="http://azclandia.rpg-dynasty.net/msg.forum?mode=post&u=1"><font color="#2aa36f">envoyer mp</font></a></td></tr></table></span></a></div>
              <div><a class="infobulle"><img src="http://i28.servimg.com/u/f28/15/48/85/69/10730110.jpg" /><span><table width="100px" cellspacing="1" cellpadding="1" border="0"><tr><td>Awbee<br>La voix off, png d'azclandia ?<br><br><a target="_blank" href="http://azclandia.rpg-dynasty.net/u6"><font color="#288a0b">voir profil</font></a><br><a target="_blank" href=""><font color="#a32a77">Fiche personnage</font></a><br><a target="_blank" href="http://azclandia.rpg-dynasty.net/privmsg?mode=post&u=6"><font color="#2aa36f">envoyer mp</font></a></td></tr></table></span></a></div>
                      </div>
            </td>
        </tr>
      </table></div>
            <div id="co_2" class="mon_contenu" style="display: none;"> <table style="width:748px; height:500px; margin-left:52px;position:relative;">
  <tr>
  <td width="50%" height="50%"><h1 class="titre"> Info news </h1>
  <div class="qts">
  Nous recrutons :<br>

<strong>Des modérateurs</strong> (3 plus précisément, chacun d'entre eux ayant un rôle primordiale au sein du Rôleplay d'Azclandia, puisqu'ils sont les chefs de clans. Les postes à pourvoir sont donc : chef des éléments, chef de la Griffe et chef de la Terre<br><br>

<strong>Un animateur</strong> (pour la section flood);<br><br>

<strong>Un correcteur </strong>;<br><br>

<strong>Un formateur JDR et français.</strong><br><br>

<strong>Des "pnjs"</strong> pouvant aider à gérer les catégories de quêtes, et proposer régulièrement de nouvelles quêtes aux joueurs.<br>
<br>
<a href="http://azclandia.rpg-dynasty.net/t146-recrutement">Plus d'infos...</a><br>
<a href="http://azclandia.rpg-dynasty.net/t145-envoie-ta-candidature">Poster ma candidature</a></div>
</td>
<td width="50%" height="50%">
<h1 class="titre"> Nos quêtes disponibles </h1><div class="qts">
<a target="_blank" href="http://azclandia.rpg-dynasty.net/t33-capture-de-dragons">* Capture de dragons</a><br>
<a target="_blank" href="http://azclandia.rpg-dynasty.net/t24-probleme-de-nettoyage">* Problème de nettoyage </a><br>
</div>
</td>
</tr>
<tr>
<td colspan="2" width="100%" height="100%">
<h1 class="titre"> Évènements </h1><div class="qtsv">
<a target="_blank" href="http://azclandia.rpg-dynasty.net/t46-event-les-elementalistes-de-l-imminence"> Les élémentalistes de l'Imminence </a><br><br>
Un groupe d'élémentalistes rebelles se dirigent vers ashnir, royaume peuplé d'êtres et de créatures chaotiques... Empêchez-les d'atteindre leur objectif, quel qu'il soit ou le royaume d'Azclandia sera en péril !
</div>
</td>
</tr></table></div>
            <div id="co_3" class="mon_contenu" style="display: none;"><table style="width:748px; height:500px; margin-left:52px;position:relative;">
<tr>
<td rowspan="2" width="50%" height="100%">
<h1 class="titre"> Nos tutoriels </h1><div class="psv">
<a target="_blank" href="http://azclandia.rpg-dynasty.net/t124-bases-creation-du-personnage-l-ecriture-du-rp">* Bases (création du personnage, RP)</a><br>
<a target="_blank" href="http://azclandia.rpg-dynasty.net/t131-noms-rpg">* Nom Rpg(Jdr)</a><br>
<a target="_blank" href="http://azclandia.rpg-dynasty.net/t130-rp-en-groupe-important-mode-d-emploi">* Rp en groupe important (mode d'emploi)</a><br>
<a target="_blank" href="http://azclandia.rpg-dynasty.net/t129-armes-et-montures-comment-faire-une-bonne-description">* Armes et montures : Comment faire une bonne description ?</a><br>
<a target="_blank" href="http://azclandia.rpg-dynasty.net/t128-pouvoirs-comment-faire-une-bonne-description">* Pouvoirs : Comment faire une bonne description ?</a><br>
<a target="_blank" href="http://azclandia.rpg-dynasty.net/t127-comment-faire-un-poste-vacant-ou-pre-defini">* Comment faire un Poste vacant ?</a><br>
<a target="_blank" href="http://azclandia.rpg-dynasty.net/t126-les-figures-de-style-mode-d-emploi">* Les figures de style (Mode d'emploi)</a>
</div>
</td>
<td width="50%" height="50%">
<h1 class="titre"> Nos postes vacants </h1><div class="ps">
        <div><a class="infobulle2"><img src="http://img17.imageshack.us/img17/5572/ztk.png" /><span><table width="100px" cellspacing="1" cellpadding="1" border="0"><tr><td><center><img src=""/><br><a target="_blank" href="http://azclandia.rpg-dynasty.net/t133-xunali-ranroth">Xunali Ranroth</a><br><br> Race : félinocentaure<br> Clan des éléments<br> Caractère : Timide</center></td></tr></table></span></a></div>
        <div><a class="infobulle2"><img src="http://img10.imageshack.us/img10/5310/atvj.png" /><span><table width="100px" cellspacing="1" cellpadding="1" border="0"><tr><td><center><img src=""/><br><a target="_blank" href="http://azclandia.rpg-dynasty.net/t132-tassicari-ranroth">Tassicari Ranroth</a><br><br> Race : félinocentaure<br> Clan des éléments<br> Caractère : Impulsif</center></td></tr></table></span></a></div>
        <div><a class="infobulle2"><img src="http://img807.imageshack.us/img807/6405/atx.png" /><span><table width="100px" cellspacing="1" cellpadding="1" border="0"><tr><td><center><img src=""/><br><a target="_blank" href="http://azclandia.rpg-dynasty.net/t120-kurenai-alathair">Kurenai Alathair</a><br><br> Race : Draeneï <br> Clan des éléments<br> Caractère : Calme</center></td></tr></table></span></a></div>
        <div><a class="infobulle2"><img src="http://img685.imageshack.us/img685/743/ltk.png" /><span><table width="100px" cellspacing="1" cellpadding="1" border="0"><tr><td><center><img src=""/><br><a target="_blank" href="http://azclandia.rpg-dynasty.net/t58-chem-stomsthouth"> Chem stomsthouth </a><br><br> Race : Pandaren<br> Clan de la Terre<br> Caractère : Bon vivant</center><td></tr></table></span></a></div>
      <div><a class="infobulle2"><img src="http://img834.imageshack.us/img834/1904/anone.png" /><span><table width="100px" cellspacing="1" cellpadding="1" border="0"><tr><td><center><img src=""/><br><a target="_blank" href="http://azclandia.rpg-dynasty.net/t58-chem-stomsthouth"> Nom </a><br><br> Race : <br> Clan <br> Caractère :</center><td></tr></table></span></a></div>
      <div><a class="infobulle2"><img src="http://img834.imageshack.us/img834/1904/anone.png" /><span><table width="100px" cellspacing="1" cellpadding="1" border="0"><tr><td><center><img src=""/><br><a target="_blank" href="http://azclandia.rpg-dynasty.net/t58-chem-stomsthouth"> Nom </a><br><br> Race : <br> Clan <br> Caractère :</center><td></tr></table></span></a></div>
      <div><a class="infobulle2"><img src="http://img834.imageshack.us/img834/1904/anone.png" /><span><table width="100px" cellspacing="1" cellpadding="1" border="0"><tr><td><center><img src=""/><br><a target="_blank" href="http://azclandia.rpg-dynasty.net/t58-chem-stomsthouth"> Nom </a><br><br> Race : <br> Clan <br> Caractère :</center><td></tr></table></span></a></div>
      <div><a class="infobulle2"><img src="http://img834.imageshack.us/img834/1904/anone.png" /><span><table width="100px" cellspacing="1" cellpadding="1" border="0"><tr><td><center><img src=""/><br><a target="_blank" href="http://azclandia.rpg-dynasty.net/t58-chem-stomsthouth"> Nom </a><br><br> Race : <br> Clan <br> Caractère :</center><td></tr></table></span></a></div>
      <div><a class="infobulle2"><img src="http://img834.imageshack.us/img834/1904/anone.png" /><span><table width="100px" cellspacing="1" cellpadding="1" border="0"><tr><td><center><img src=""/><br><a target="_blank" href="http://azclandia.rpg-dynasty.net/t58-chem-stomsthouth"> Nom </a><br><br> Race : <br> Clan <br> Caractère :</center><td></tr></table></span></a></div>
      
                      </div>
</td>
</tr>
<tr>
<td width="50%" height="50%">
<h1 class="titre"> Présentation </h1><div class="ps">
<a target="_blank" href="http://azclandia.rpg-dynasty.net/f180-les-presentations-des-membres"> * Les fiches des joueurs</a><br><br>
<a target="_blank" href="http://azclandia.rpg-dynasty.net/f17-les-fiches-personnages"> * Les fiches personnages</a><br><br>
<a target="_blank" href="http://azclandia.rpg-dynasty.net/h13-le-generateur-de-fiche-d-azclandia"> * Le générateur de fiche</a>
</div>
</td>
</tr>
</table></div>
            <div id="co_4" class="mon_contenu" style="display: none;"><table style="width:748px; height:500px; margin-left:52px;position:relative;">
    <tr>
<td rowspan="2" width="50%" height="500px">
    <h1 class="titre"> Nos partenaires </h1><div class="parte">

<fieldset id="partev">
<legend>~ Partenaires ~</legend><div id="partevc">
<center><img class="part" src="http://img849.imageshack.us/img849/9178/86741589.png" />    <img class="part" src="http://img849.imageshack.us/img849/9178/86741589.png" /><img class="part" src="http://img849.imageshack.us/img849/9178/86741589.png" />    <img class="part" src="http://img849.imageshack.us/img849/9178/86741589.png" /><img class="part" src="http://img849.imageshack.us/img849/9178/86741589.png" />    <img class="part" src="http://img849.imageshack.us/img849/9178/86741589.png" /><img class="part" src="http://img849.imageshack.us/img849/9178/86741589.png" />    <img class="part" src="http://img849.imageshack.us/img849/9178/86741589.png" /><img class="part" src="http://img849.imageshack.us/img849/9178/86741589.png" />    <img class="part" src="http://img849.imageshack.us/img849/9178/86741589.png" /><img class="part" src="http://img849.imageshack.us/img849/9178/86741589.png" />    <img class="part" src="http://img849.imageshack.us/img849/9178/86741589.png" /><img class="part" src="http://img849.imageshack.us/img849/9178/86741589.png" />    <img class="part" src="http://img849.imageshack.us/img849/9178/86741589.png" />
</center>
</div>
</fieldset>

</td>
<td width="50%" height="175px">
<h1 class="titre"> Nous contacter </h1><div class="autre">
<strong>Une adresse mail :</strong> Azclandia@hotmail.fr
<br><br>
<strong>Une page facebook :</strong> <a target="_blank" href="http://www.facebook.com/profile.php?id=1430394192&success=1#!/pages/Azclandia-lautre-monde/106847609420432"> [ cliquez ici !]</a>
</div>
</td>
</tr>
<tr>
</td>
<td width="50%" height="325px">
<h1 class="titre"> Les crédits du forum </h1><div class="autre"> Thème réalisé par <strong>Lieno</strong>.<br>
Idées et contexte par <strong>Ijumi</strong>.<br>
<strong>© All rights reserved.</strong> Toute copie complète ou partielle est interdite.
</div>
</td>
</tr></table></div>
        </div></td></tr></div></div></table>


Voilà, si quelqu'un a la solution pendant que je cherche de mon coté, ça serait adorable ! /o/

Pour un aperçu du code : http://azclandia.rpg-dynasty.net
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.azclandia.rpg-dynasty.net
 

Miettes

Directrice

Voir le dossier scolaire

Directrice

Féminin Rang spécial: Designer professionnelle, formatrice analystes, codeurs, admins, animateurs, graphistes (photoshop, gimp)
Marraine

Rédactrice en chef du M-SoP

Chroniqueuse de l&#39;émission de SoP

Nombre de messages: 44121
Age: 24
Localisation: Lille
$ops: 21062
Points: 505
Date d'inscription: 01/02/2008
Distinctions: Membre de l'EST-SoP
*** Co-Rédactrice en Chef du M-SoP ***

 
MessageSujet: Re: Problème d'infobulle   Dim 8 Jan - 17:34
Coucou Smile

Miki a le même souci [ici]. Je suis en train de regarder.

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://pvereecken.fr/
 

Ijumi

Etudiante

Voir le dossier scolaire

Etudiante

Féminin Nombre de messages: 888
Age: 17
Localisation: Ici ? Où ??? Mais là !! roh lalala
$ops: 2113
Points: 15
Date d'inscription: 25/06/2011
 
MessageSujet: Re: Problème d'infobulle   Lun 9 Jan - 17:28
En même temps j'en profite, comment enlève t on le fond de l'en tete ? Je veux dire par là, le cadre moche est le fond tout aussi moche de forumactif ?
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.azclandia.rpg-dynasty.net
 

Miettes

Directrice

Voir le dossier scolaire

Directrice

Féminin Rang spécial: Designer professionnelle, formatrice analystes, codeurs, admins, animateurs, graphistes (photoshop, gimp)
Marraine

Rédactrice en chef du M-SoP

Chroniqueuse de l&#39;émission de SoP

Nombre de messages: 44121
Age: 24
Localisation: Lille
$ops: 21062
Points: 505
Date d'inscription: 01/02/2008
Distinctions: Membre de l'EST-SoP
*** Co-Rédactrice en Chef du M-SoP ***

 
MessageSujet: Re: Problème d'infobulle   Lun 9 Jan - 17:30
Tu as copié ton en-tête dans Pa >> affichage >> Message d'accueil ?

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://pvereecken.fr/
 

Ijumi

Etudiante

Voir le dossier scolaire

Etudiante

Féminin Nombre de messages: 888
Age: 17
Localisation: Ici ? Où ??? Mais là !! roh lalala
$ops: 2113
Points: 15
Date d'inscription: 25/06/2011
 
MessageSujet: Re: Problème d'infobulle   Lun 9 Jan - 17:32
pa> affichage > généralités > message sur la page d’accueil, donc oui ça doit être ça ^^
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.azclandia.rpg-dynasty.net
 

Miettes

Directrice

Voir le dossier scolaire

Directrice

Féminin Rang spécial: Designer professionnelle, formatrice analystes, codeurs, admins, animateurs, graphistes (photoshop, gimp)
Marraine

Rédactrice en chef du M-SoP

Chroniqueuse de l&#39;émission de SoP

Nombre de messages: 44121
Age: 24
Localisation: Lille
$ops: 21062
Points: 505
Date d'inscription: 01/02/2008
Distinctions: Membre de l'EST-SoP
*** Co-Rédactrice en Chef du M-SoP ***

 
MessageSujet: Re: Problème d'infobulle   Lun 23 Jan - 12:42
Coucou Smile

Désolée de répondre si tard Embarassed Donc pour les infobulles et l'en-tête, je regarde toujours. Pour le cadre en revanche,

1/ On va commencer par modifier le template "index_body" pour ajouter un nom unique au tableau contenant l'en-tête. Pour cela, repère ça
Code:
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <!-- BEGIN message_admin_titre -->
   <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
   </tr>
   <!-- END message_admin_titre -->
   <!-- BEGIN message_admin_txt -->
   <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
   </tr>
   <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

et remplace le par
Code:
<!-- BEGIN message_admin_index -->
<table id="msg_et" width="100%" border="0" cellspacing="1" cellpadding="0">
   <!-- BEGIN message_admin_titre -->
   <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
   </tr>
   <!-- END message_admin_titre -->
   <!-- BEGIN message_admin_txt -->
   <tr>
      <td rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
   </tr>
   <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->


2/ on va ajouter ça dans le CSS

Code:
table#msg_et, table#msg_et td{
   background-color:none !important;
   }

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://pvereecken.fr/
 

Ijumi

Etudiante

Voir le dossier scolaire

Etudiante

Féminin Nombre de messages: 888
Age: 17
Localisation: Ici ? Où ??? Mais là !! roh lalala
$ops: 2113
Points: 15
Date d'inscription: 25/06/2011
 
MessageSujet: Re: Problème d'infobulle   Lun 23 Jan - 17:25
J'attends ne t'inquiètes pas et merci, pour ce petit bout de code ça marche impeccablement Smile
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.azclandia.rpg-dynasty.net
 

Miettes

Directrice

Voir le dossier scolaire

Directrice

Féminin Rang spécial: Designer professionnelle, formatrice analystes, codeurs, admins, animateurs, graphistes (photoshop, gimp)
Marraine

Rédactrice en chef du M-SoP

Chroniqueuse de l&#39;émission de SoP

Nombre de messages: 44121
Age: 24
Localisation: Lille
$ops: 21062
Points: 505
Date d'inscription: 01/02/2008
Distinctions: Membre de l'EST-SoP
*** Co-Rédactrice en Chef du M-SoP ***

 
MessageSujet: Re: Problème d'infobulle   Mar 24 Jan - 18:56
Coucou Miss Smile

Je suis en train de zieuter ton code, mais tu pourrais me donner le javascript ? que je puisse essayer Smile

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://pvereecken.fr/
 

Ijumi

Etudiante

Voir le dossier scolaire

Etudiante

Féminin Nombre de messages: 888
Age: 17
Localisation: Ici ? Où ??? Mais là !! roh lalala
$ops: 2113
Points: 15
Date d'inscription: 25/06/2011
 
MessageSujet: Re: Problème d'infobulle   Mar 24 Jan - 19:13
Je crois que c'est ça (non... c'est pas le bazar dans mes fichiers, c'est faux x)...)

Code:
function changeOnglet(_this){
            var getOnglets    = document.getElementById('mes_onglets').getElementsByTagName('span');
            for(var i = 0; i < getOnglets.length; i++){
                if(getOnglets[i].id){
                    if(getOnglets[i].id == _this.id){
                        getOnglets[i].className = 'mon_onglet_selected';
                        document.getElementById('c' + _this.id).style.display            = 'block';
                    }
                    else{
                        getOnglets[i].className = 'mon_onglet';
                        document.getElementById('c' + getOnglets[i].id).style.display    = 'none';
                    }
                }
            }   
        }
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.azclandia.rpg-dynasty.net
 

Miettes

Directrice

Voir le dossier scolaire

Directrice

Féminin Rang spécial: Designer professionnelle, formatrice analystes, codeurs, admins, animateurs, graphistes (photoshop, gimp)
Marraine

Rédactrice en chef du M-SoP

Chroniqueuse de l&#39;émission de SoP

Nombre de messages: 44121
Age: 24
Localisation: Lille
$ops: 21062
Points: 505
Date d'inscription: 01/02/2008
Distinctions: Membre de l'EST-SoP
*** Co-Rédactrice en Chef du M-SoP ***

 
MessageSujet: Re: Problème d'infobulle   Mar 24 Jan - 20:05
Hum....

Alors si ici
Code:
.ps{
Font-family: perpetua;
font-size:20px;
Background :url('http://img84.imageshack.us/img84/361/fond7.png');
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border: 2px solid #6b4f3b;
height:135px;
width: 340px;
padding :10px;
margin: auto;
overflow-x: auto;
}


Tu supprimes
Code:
overflow-x: auto;


ça règle ton souci.

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://pvereecken.fr/
 

Ijumi

Etudiante

Voir le dossier scolaire

Etudiante

Féminin Nombre de messages: 888
Age: 17
Localisation: Ici ? Où ??? Mais là !! roh lalala
$ops: 2113
Points: 15
Date d'inscription: 25/06/2011
 
MessageSujet: Re: Problème d'infobulle   Mar 24 Jan - 20:09
..... C'est fou ce qu'un petit truc peu vous bouffer des après-midi, et vous procurer un état d'énervement et de stress... XD

Merci Miettes en tout cas (je suis vraiment dégoutée que ce soit ça qui ne marche pas... moi j'étais partie sur le fait que les Z index n'était pas bon X.x)

Bon et bien, on peut archiver... Merci encore x)
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.azclandia.rpg-dynasty.net
 

Miettes

Directrice

Voir le dossier scolaire

Directrice

Féminin Rang spécial: Designer professionnelle, formatrice analystes, codeurs, admins, animateurs, graphistes (photoshop, gimp)
Marraine

Rédactrice en chef du M-SoP

Chroniqueuse de l&#39;émission de SoP

Nombre de messages: 44121
Age: 24
Localisation: Lille
$ops: 21062
Points: 505
Date d'inscription: 01/02/2008
Distinctions: Membre de l'EST-SoP
*** Co-Rédactrice en Chef du M-SoP ***

 
MessageSujet: Re: Problème d'infobulle   Mar 24 Jan - 20:19
De rien Smile Je t'avoue que moi aussi je cherchais un truc compliqué :/

Allez je classe (et je file voir le souci de la CB)

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://pvereecken.fr/
 

Problème d'infobulle

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
School of Pub :: Archives du forum :: Les archives du forum :: Aides spécifiques-


Aller en haut
Aller en bas