Bug avec la page d'accueil.

[Paradise]

Bonjour/bonsoir selon l'heure.

Eh oui c'est encore moi, mais cette fois-ci je reviens avec un petit problème de page d'accueil que ma "codeuse attitrée" n'a pas su corriger. /: Il s'agit d'un problème concernant les infobulles. Au lieu d'afficher tout le texte dans une seule infobulle, deux infobulles s'affichent avec deux textes dans deux cadres différents. Comme ceci :

http://img.imagesia.com/fichiers/i1/sans-titre-4_imagesia-com_i1bw.png

Voilà, merci d'avance à celui ou celle qui m'aidera. x__x
NB : Je n'ai pas mis de CSS ou bien de template dans mon message tout simplement parce-que je ne sais pas d'où vient le problème.

[Witzz]

Bonsoir,

Cela vient peut être de la structure du code ? Vérifies s'il n'y a pas deux <div> dans lesquelles sont placés les deux textes !

Si tu ne sais pas comment faire, je veux bien voir ton code

[Paradise]

Le code de la page d'accueil en lui-même, le HTML ? Ou bien le CSS ? Bon, je mets ce que j'ai compris. (x

[Witzz]

Bonsoir,

Pourrais-je plutôt avoir la partie concernant l'infobulle en question ??

[Paradise]

Code:

<span class="infobulle"><img src="http://icons.iconarchive.com/icons/designbolts/despicable-me-2/72/Minion-Shout-icon.png" /><span><span style="font-family: Georgia;">SHADOW L. KENWAY</span><br />fondatrice<br /><a href="http://assassins-ny.forumactif.org/u1">PROFIL</a> + <em>présente</em></span></span><span class="infobulle"><img src="http://icons.iconarchive.com/icons/designbolts/despicable-me-2/72/Minion-Shy-icon.png" /><span><span style="font-family: Georgia;">LIZZY ROTH</span><br />modératrice<br /><a href="http://assassins-ny.forumactif.org/u2">PROFIL</a> + <em>présente</em></span></span><br /><span class="infobulle"><img src="http://icons.iconarchive.com/icons/designbolts/despicable-me-2/72/Minion-Dancing-icon.png" /><span><span style="font-family: Georgia;">EDEN MARU</span><br />modératrice<br /><a href="http://assassins-ny.forumactif.org/u10">PROFIL</a> + <em>présente</em></span></span><span class="infobulle"><img src="http://icons.iconarchive.com/icons/designbolts/despicable-me-2/72/Minion-Amazed-icon.png" /><span><span style="font-family: Georgia;">KEITH D. ADAMS</span><br />modératrice<br /><a href="http://assassins-ny.forumactif.org/u27">PROFIL</a> + <em>présente</em></span></span>

Voilà.  

[Witzz]

Ce que je ne comprend pas, c'est: où se réfère ta class "infobulle" ??

[Paradise]

C'est-à-dire ? Bon, tu veux le CSS ? Ce sera plus simple, moi et le codage ... >.<

[Witzz]

Je veux bien le CSS aussi oui mais je ne suis pas sure de régler ce problème par contre !

[Paradise]

Spoiler:

Et voilà. ^^

[Paradise]

Up, toujours d'actualité.

[Scoubifitz]

bonsoir,

le code :

Code:

<div class="infobulle">
  <img src="http://icons.iconarchive.com/icons/designbolts/despicable-me-2/72/Minion-Shout-icon.png" />
  <div>
    <span style="font-family: Georgia;">SHADOW L. KENWAY</span><br />
    fondatrice<br />
    <a href="http://assassins-ny.forumactif.org/u1">PROFIL</a> + <em>présente</em>
  </div>
</div>

<div class="infobulle">
  <img src="http://icons.iconarchive.com/icons/designbolts/despicable-me-2/72/Minion-Shy-icon.png" />
  <div>
    <span style="font-family: Georgia;">LIZZY ROTH</span><br />
    modératrice<br />
    <a href="http://assassins-ny.forumactif.org/u2">PROFIL</a> + <em>présente</em>
  </div>
</div><br />

<div class="infobulle">
  <img src="http://icons.iconarchive.com/icons/designbolts/despicable-me-2/72/Minion-Dancing-icon.png" />
  <div>
    <span style="font-family: Georgia;">EDEN MARU</span><br />
    modératrice<br />
    <a href="http://assassins-ny.forumactif.org/u10">PROFIL</a> + <em>présente</em>
  </div>
</div>

<div class="infobulle">
  <img src="http://icons.iconarchive.com/icons/designbolts/despicable-me-2/72/Minion-Amazed-icon.png" />
  <div>
    <span style="font-family: Georgia;">KEITH D. ADAMS</span><br />
    modératrice<br />
    <a href="http://assassins-ny.forumactif.org/u27">PROFIL</a> + <em>présente</em>
  </div>
</div>

le CSS :

Code:

/* PAGE D'ACCUEIL */

/* Annonces*/
.annon{
background: #DEDEDE;
height: 116px;
width: 275px;
font-family: verdana;
font-size: 10px;
color: #7A7A7A;
padding: 5px;
border: 3px solid #9db3c4;
overflow: auto;
margin-top: 5px;
text-align: justify;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

/* Nouveautés */
.nouw{
background: #DEDEDE;
height: 116px;
width: 275px;
font-family: verdana;
font-size: 10px;
color: #7A7A7A;
padding: 5px;
margin-top: 5px;
border: 3px solid #9db3c4;
overflow: auto;
text-align: justify;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* Contexte */
.cont{
background: #DEDEDE;
height: 154px;
width: 275px;
font-family: verdana;
font-size: 10px;
color: #7A7A7A;
padding: 5px;
border: 3px solid #9db3c4;
overflow: auto;
text-align: justify;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

/* Tops-sites */
.topss{
background: #DEDEDE;
height: 75px;
width: 300px;
font-family: verdana;
font-size: 10px;
color: #7A7A7A;
padding: 5px;
border: 3px solid #9db3c4;
overflow: auto;
text-align: justify;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

/* Partenaires */
.part{
background: #DEDEDE;
height: 75px;
width: 300px;
font-family: verdana;
font-size: 10px;
color: #7A7A7A;
padding: 5px;
border: 3px solid #9db3c4;
overflow: auto;
text-align: justify;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

/* Staff */
.infobulle{
display:inline-block;
position: relative;
z-index: 0;
}

.infobulle:hover{
background-color: transparent;
z-index: 1;
}

.infobulle div{
display:none;
position: absolute;
padding: 5px;
top: 7px;
left: 35px;
width: 150px ;
background-color: #DEDEDE;
border: 1px solid #9db3c4;
color:#9db3c4;
}

.infobulle div img{
border: 1px;
padding: 5px;
}

.infobulle:hover div{
display:block;
}
/* END.COM (a) */

[Paradise]

Bonsoir. Merci pour votre aide à tout les deux. ^^
Problème résolu !