Bug avec la page d'accueil.

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

Résolu Bug avec la page d'accueil.

Message par Paradise le Sam 5 Avr 2014 - 13:49

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.


Dernière édition par Paradise le Jeu 10 Avr 2014 - 18:29, édité 1 fois

Paradise
Nouveau membre

Messages : 14
Inscrit(e) le : 17/05/2013

http://nouvel-espoirx.forumactif.org/
Paradise a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug avec la page d'accueil.

Message par Witzz le Sam 5 Avr 2014 - 18:05

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

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

Witzz
*****

Masculin
Messages : 841
Inscrit(e) le : 30/06/2011

https://www.youtube.com/channel/UC9KGhFAG4gkDsxAnHURUQMg
Witzz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug avec la page d'accueil.

Message par Paradise le Sam 5 Avr 2014 - 20:42

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



Dernière édition par Paradise le Lun 7 Avr 2014 - 9:05, édité 1 fois

Paradise
Nouveau membre

Messages : 14
Inscrit(e) le : 17/05/2013

http://nouvel-espoirx.forumactif.org/
Paradise a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug avec la page d'accueil.

Message par Witzz le Dim 6 Avr 2014 - 17:39

Bonsoir,

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





Witzz
*****

Masculin
Messages : 841
Inscrit(e) le : 30/06/2011

https://www.youtube.com/channel/UC9KGhFAG4gkDsxAnHURUQMg
Witzz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug avec la page d'accueil.

Message par Paradise le Dim 6 Avr 2014 - 17:50

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à. Arrow 

Paradise
Nouveau membre

Messages : 14
Inscrit(e) le : 17/05/2013

http://nouvel-espoirx.forumactif.org/
Paradise a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug avec la page d'accueil.

Message par Witzz le Dim 6 Avr 2014 - 18:23

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

Witzz
*****

Masculin
Messages : 841
Inscrit(e) le : 30/06/2011

https://www.youtube.com/channel/UC9KGhFAG4gkDsxAnHURUQMg
Witzz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug avec la page d'accueil.

Message par Paradise le Dim 6 Avr 2014 - 18:26

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

Paradise
Nouveau membre

Messages : 14
Inscrit(e) le : 17/05/2013

http://nouvel-espoirx.forumactif.org/
Paradise a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug avec la page d'accueil.

Message par Witzz le Dim 6 Avr 2014 - 18:31

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

Witzz
*****

Masculin
Messages : 841
Inscrit(e) le : 30/06/2011

https://www.youtube.com/channel/UC9KGhFAG4gkDsxAnHURUQMg
Witzz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug avec la page d'accueil.

Message par Paradise le Lun 7 Avr 2014 - 9:06

Spoiler:
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{
  position: relative;
  z-index: 0;
}
 
.infobulle:hover{
  background-color: transparent;
  z-index: 50;
}
 
.infobulle span{
position: absolute;
background-color: #DEDEDE;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #9db3c4;}
 
.infobulle span img{
border: 1px;
padding: 5px;}
 
.infobulle:hover span{
visibility: visible;
top: 7px;
left: 35px;
width: 150px ;
color:#9db3c4;
border: 1px solid #9db3c4;
}
/* END.COM (a) */

Et voilà. ^^

Paradise
Nouveau membre

Messages : 14
Inscrit(e) le : 17/05/2013

http://nouvel-espoirx.forumactif.org/
Paradise a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug avec la page d'accueil.

Message par Paradise le Mer 9 Avr 2014 - 14:37

Up, toujours d'actualité.

Paradise
Nouveau membre

Messages : 14
Inscrit(e) le : 17/05/2013

http://nouvel-espoirx.forumactif.org/
Paradise a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug avec la page d'accueil.

Message par Scoubifitz le Jeu 10 Avr 2014 - 2:42

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) */

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug avec la page d'accueil.

Message par Paradise le Jeu 10 Avr 2014 - 18:28

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

Paradise
Nouveau membre

Messages : 14
Inscrit(e) le : 17/05/2013

http://nouvel-espoirx.forumactif.org/
Paradise 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