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 05 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 05 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
avatar

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 05 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 07 Avr 2014, 09: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 06 Avr 2014, 17:39

Bonsoir,

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




avatar

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 06 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 06 Avr 2014, 18:23

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

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 06 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 06 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 !
avatar

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 07 Avr 2014, 09: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 09 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, 02: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) */
avatar

Scoubifitz
Membre actif

Masculin
Messages : 3535
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