problème d'affichage sur le portail (le port)

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

Résolu problème d'affichage sur le portail (le port)

Message par Ventus le Mer 1 Jan 2014 - 20:17

Bonsoir, bonjour.

Avant tout, merci de vous pencher sur mon problèmes & bonne année à tout le monde avec mes meilleurs vœux Very Happy

- l'URL du forum : http://piratedescaraibes.forum-actif.net/h3-le-port
- la version du forum : PHPBB2
- statut sur le forum : fondateur
- templates modifié : oui
- CSS personnalisé : oui
- navigateur utilisé : firefox, google chrome & opéra
- Le code qui pose problème :

Comme je ne suis pas certain de la base du problème, j’en conclu qu’il doit s’agir d’une mauvaise manipulation dans le codage de la page du portail. C’est une page que j’avais créé en version HTML afin de pouvoir la personnalisé.

Depuis quelques jours, dans la ligne du staff ou se trouve des avatars de petite taille, les grandes tailles sont actuellement toujours visible. Autrefois, nous avions juste à passer sur la petite image afin que la grande s’ouvre et puisse fournir des informations relatives, comme : Le stat de l’administrateur, la visualisation direct de son profil ainsi que le rang occupé in rp.

Ma question, que dois-je modifier dans le code pour que les grandes images ne soit pas affichée en permanence ?

En cas de besoin, il m’est possible de faire une capture d’écran afin de mieux m’expliquer.

Codage actuellement en place sur la page :
Spoiler:

Code:

<table align="center" cellspacing="10">
 
<tbody>
 
<tr>
 
<td colspan="2" style="width:700px; height:250px; background-image:url('http://i60.servimg.com/u/f60/12/30/44/12/bannie10.png');">
 
<div style="margin-top:80px; margin-left:523px; height:40px; width:169px;">
 <marquee scrollamount="3"><a href="http://atlantisinsurrection.forumactif.fr" target="_blank"><img src="http://img15.hostingpics.net/pics/618275bouton22.png" border="0" /> </a><a href="http://fiorenooukoku.forumactif.com" target="_blank"><img src="http://i41.servimg.com/u/f41/11/71/23/53/parten11.gif" border="0" /> </a><a href="http://roommates.forum-free.org/" target="_blank"><img src="http://nsm01.casimages.com/img/2009/06/04//090604035642704923803313.png" border="0" /> </a><a href="http://final-harmony.forumactif.com/" target="_blank"><img src="http://nsm03.casimages.com/img/2010/08/12//1008121150501005316551122.jpg" border="0" /> </a><a href="http://emeraude.un concurrent.com/index.php" target="_blank"><img src="http://img87.xooimage.com/files/f/1/e/banniere-3776a66.png" border="0" /> </a><a href="http://mugiwara.jdrforum.net/" target="_blank"><img src="http://i28.servimg.com/u/f28/16/48/57/77/010.png" border="0" /> </a><a href="http://nos-annees-lycee.jeunforum.com/" target="_blank"><img src="http://img10.hostingpics.net/pics/739158a.png" border="0" /> </a><a href="http://kleryana.forumactif.org" target="_blank"><img src="http://i55.tinypic.com/js0vbb.png" border="0" /> </a><a href="http://stargate-aventure.forumactif.com/forum.htm" target="_blank"><img src="http://i60.servimg.com/u/f60/14/80/01/02/bouton19.jpg" border="0" /> </a><a href="http://leseigneurdesanneaux.superforum.fr/" target="_blank"><img src="http://img687.imageshack.us/img687/4231/backtodagordagorath.png" border="0" /> </a><a href="http://coffee-pub.forumactif.com" target="_blank"><img src="http://i21.servimg.com/u/f21/09/01/04/42/3310.jpg" border="0" /> </a><a href="http://harry-potter.forumdefans.com/" target="_blank"><img src="http://i36.servimg.com/u/f36/14/26/38/99/bouton10.jpg" border="0" /> </a><a href="http://www.kh-heaven.com/www.kh-heaven.com" target="_blank"><img src="http://i60.servimg.com/u/f60/11/20/18/25/bonton10.png" border="0" /> </a><a href="http://www.harrypotter-ecole.com" target="_blank"><img src="http://vwwv.ovh.org/hpe/new/bann-88-31.gif" border="0" /> </a><a href="http://www.nano-roleplay.com" target="_blank"><img src="http://i233.photobucket.com/albums/ee36/weep_anata/logo88x31.jpg" border="0" /> </a><a href="http://www.echecs-online.fr/" target="_blank"><img src="http://img53.xooimage.com/files/2/3/2/echecs-online-227c1ba.png" border="0" /> </a><a href="http://xena-univers.forums-actifs.net/index.htm" target="_blank"><img src="http://img44.xooimage.com/files/6/f/a/xenaunivers-15db230.jpg" border="0" /> </a><a href="http://lemondeeragon.forumactif.fr/index.htm" target="_blank"><img src="http://img40.xooimage.com/files/b/d/a/lemondederagon-15db228.jpg" border="0" /> </a><a href="http://poudnoir.goodforum.net/" target="_blank"><img src="http://img175.imageshack.us/img175/9880/boutonshy7.gif" border="0" /> </a><a href="http://forumactif-war.bbactif.com" target="_blank"><img src="http://img25.xooimage.com/files/3/7/4/sans-titre-2-496bd8-16c04ec.gif" border="0" />  </a><a href="http://le-monde-avatar.forum-actif.net/forum.htm" target="_blank"><img src="http://pmsc.free.fr/I02/09122422341.png" border="0" /> </a><a href="http://lauthentique.meilleurforum.com" target="_blank"><img src="http://i83.servimg.com/u/f83/12/03/02/49/mini10.gif" border="0" /> </a><a href="http://harmonia.forumsactifs.com/index.htm" target="_blank"><img src="http://i64.servimg.com/u/f64/11/04/57/53/ban8810.jpg" border="0" /> </a><a href="http://dgrayman-le-rpg.jdrforum.com/forum.htm" target="_blank"><img src="http://img202.imageshack.us/img202/1469/dgmlogo2.png" border="0" /> </a><a href="http://www.webidev.com/poudlard12/" target="_blank"><img src="http://i.imgur.com/pTHJa.png" border="0" /> </a><a href="http://eyeshield21max.jdrforum.net/forum.htm" target="_blank"><img src="http://sd-1.archive-host.com/membres/images/156035743115364602/Icon.png" border="0" /> </a><a href="http://terra616.nextgenforum.com/forum.htm" target="_blank"><img src="http://i35.servimg.com/u/f35/11/95/83/61/mini-t10.jpg" border="0" /> </a><a href="http://newmoon-eternel.forumactif.com/" target="_blank"><img src="http://nsa15.casimages.com/img/2010/06/19/100619104400546517.jpg" border="0" /> </a><a href="http://dopw.forumactif.org" target="_blank"><img src="http://i68.servimg.com/u/f68/14/98/64/24/dopw10.png" border="0" /> </a><a href="http://swyn.forums-actifs.com" target="_blank"><img src="http://i24.servimg.com/u/f24/11/94/75/95/bout8811.png" border="0" /> </a><a rel="nofollow" href="http://galactikfootballsais.forumparfait.com" target="_blank"><img src="http://sd-2.archive-host.com/membres/images/172634276166154251/Galactik_football_forum/Btn_partenaire02.gif" /></a></marquee><br />
</div>
 
</td>
 
</tr>
 
<tr cellpadding="10">
 
<td class="case_portail" valign="top">
 <span class="titre_case">Horloge</span><embed style="width: 205px; height: 200px;" src="http://www.crazyprofile.com/clocks/my_clock04.swf" flashvars="pic=piece-film1.gif&fldr=2_2013&widt=195&hight=190&sclr=51.5625&typcl=clock02&typhnd=hand04&scol=0x0&mcol=0x0&hcol=0x0&threecl=0x0&sixcl=0x0&ninecl=0x0&twelvecl=0x0" quality="high" wmode="transparent" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" '="" align="middle" />
</td>
 
<td class="case_portail" valign="top">
 <span class="titre_case">Liens utiles</span><br /><a class="lien_portail" href="http://piratedescaraibes.forum-actif.net/pour-commencer-f4/l-intrigue-t1916.htm">L'intrigue de PDC</a><a class="lien_portail" href="http://piratedescaraibes.forum-actif.net/pour-commencer-f4/">La loi c'est le code!</a><a class="lien_portail" href="http://piratedescaraibes.forum-actif.net/presentation-des-membres-f1/">Présentation des membres</a><a class="lien_portail" href="http://piratedescaraibes.forum-actif.net/gazette-du-pirate-f174/">La Gazette du Pirate</a><a class="lien_portail" href="http://piratedescaraibes.forum-actif.net/l-aide-aux-joueurs-f5/">Aide aux joueurs</a><a class="lien_portail" href="http://piratedescaraibes.forum-actif.net/l-aide-aux-joueurs-f5/avatars-des-membres-t1956.htm#35593">Avatars des membres</a><a class="lien_portail" href="http://www.swisstools.net/guestbook.asp?numero=121432">Le livre d'or de PDC</a>
</td>
 
</tr>
 
<tr>
 
<td colspan="2" class="case_portail">
 <span class="titre_case">Le Staff</span>
<center>
 
<table>
 
<tbody>
 
<tr>
 
<td>
 
<div class="thumbnail">
 <img src="http://i60.servimg.com/u/f60/12/30/44/12/mini_j10.png" style="width: 100px; height: 100px;" border="0" /><span></span>
<div style="" class="tstaff">
 <img src="http://i60.servimg.com/u/f60/12/30/44/12/jack10.png" style="width: 150px; height: 250px;" border="0" /><span style="color: rgb(90, 70, 70);"><strong>Jack Sparrow</strong></span><br />Fondateur<br /><a href="http://piratedescaraibes.forum-actif.net/profile.forum?mode=viewprofile&u=1">Voir son profil</a><br /><span style="color: black;">Statut:</span> Capitaine du Black Pearl
</div><span></span>
</div>
 
</td>
 
<td>
 
<div class="thumbnail">
 <img src="http://img72.xooimage.com/files/3/7/c/mini-mag-1-30d7d38.png" style="width: 100px; height: 100px;" border="0" /><span></span>
<div style="" class="tstaff">
 <img src="http://img69.xooimage.com/files/5/c/9/magaly-2-30d7cac.png" style="width: 150px; height: 250px;" border="0" /><span style="color: rgb(90, 70, 70);"><strong>Magaly de Sombre</strong></span><br />Co-fondateur<br /><a href="http://piratedescaraibes.forum-actif.net/u521">Voir son profil</a><br /><span style="color: black;">Statut:</span> Capitaine de l'Adamante
</div><span></span>
</div>
 
</td>
 
<td>
 
<div class="thumbnail">
 <img src="http://img94.xooimage.com/files/5/8/a/mini-sid-3bc598c.png" style="width: 100px; height: 100px;" border="0" /><span></span>
<div style="" class="tstaff">
 <img src="http://img93.xooimage.com/files/c/c/8/sid-pr-sentation-admin-3bc5a2d.png" style="width: 150px; height: 250px;" border="0" /><span style="color: rgb(90, 70, 70);"><strong>Sid</strong></span><br />Adminette<br /><a href="http://piratedescaraibes.forum-actif.net/u875">Voir son profil</a><br /><span style="color: black;">Statut:</span> Pirate
</div><span></span>
</div>
 
</td>
 
<td>
 
<div class="thumbnail">
 <img src="http://img92.xooimage.com/files/b/4/2/mini-andr--3bc5a85.png" style="width: 100px; height: 100px;" border="0" /><span></span>
<div style="" class="tstaff">
 <img src="http://img93.xooimage.com/files/c/9/d/andr-pr-sentation-admin-3bc5af6.png" style="width: 150px; height: 250px;" border="0" /><span style="color: rgb(90, 70, 70);"><strong>André de Lestre</strong></span><br />Administrateur<br /><a href="http://piratedescaraibes.forum-actif.net/u929">Voir son profil</a><br /><span style="color: black;">Statut:</span> Capitaine de la Méduse
</div><span></span>
</div>
 
</td>
 
</tr>
 
</tbody>
 
</table>
 
</center>
 
</td>
 
</tr>
 
<tr>
 
<td colspan="2" class="case_portail">
 <span class="titre_case">Vote</span><a href="http://www.root-top.com/topsite/moonlighttoprpg/in.php?ID=2209" target="_blank"><img id="votepub" src="http://i60.servimg.com/u/f60/12/30/44/12/vote10.png" /></a><a href="http://www.root-top.com/topsite/lulu06/in.php?ID=951" target="_blank"><img id="votepub" src="http://i60.servimg.com/u/f60/12/30/44/12/vote10.png" /></a><a href="http://www.root-top.com/topsite/virtu4lgames/in.php?ID=2357" target="_blank"><img id="votepub" src="http://i60.servimg.com/u/f60/12/30/44/12/vote10.png" /></a><a href="http://www.root-top.com/topsite/korben/in.php?ID=5652 " target="_blank"><img id="votepub" src="http://i60.servimg.com/u/f60/12/30/44/12/vote10.png" /></a><a href=" http://www.root-top.com/topsite/yami/in.php?ID=3031" target="_blank"><img id="votepub" src="http://i60.servimg.com/u/f60/12/30/44/12/vote10.png" /></a><a href="http://www.root-top.com/topsite/abysses/in.php?ID=5099" target="_blank"><img id="votepub" src="http://i60.servimg.com/u/f60/12/30/44/12/vote10.png" /></a><a href="http://www.root-top.com/topsite/velusia/in.php?ID=3486" target="_blank"><img id="votepub" src="http://i60.servimg.com/u/f60/12/30/44/12/vote10.png" /></a>
</td>
 
</tr>
 
</tbody>
</table><br /><br /><br /><br /><br /><br /><br /><br /><br />


Dernière édition par Ventus le Mer 15 Jan 2014 - 20:42, édité 2 fois

Ventus
****

Messages : 357
Inscrit(e) le : 14/04/2008

http://piratedescaraibes.forum-actif.net/index.htm
Ventus a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème d'affichage sur le portail (le port)

Message par Ventus le Jeu 2 Jan 2014 - 22:12

Je me permet de poster un petit up car je ne trouve pas comment résoudre le problème.

D'avance, merci de me venir en aide.

Ventus
****

Messages : 357
Inscrit(e) le : 14/04/2008

http://piratedescaraibes.forum-actif.net/index.htm
Ventus a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème d'affichage sur le portail (le port)

Message par Ventus le Ven 3 Jan 2014 - 22:12

Up ? Juste pour la forme de ne pas être totalement oublié Very Happy

Ventus
****

Messages : 357
Inscrit(e) le : 14/04/2008

http://piratedescaraibes.forum-actif.net/index.htm
Ventus a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème d'affichage sur le portail (le port)

Message par [Nihil] le Sam 4 Jan 2014 - 0:10

Bonsoir Ventus,

Sur un autre forum de codage, quelqu'un a eu un bug similaire au tiens, je pense que le problème vient de FA.

Dans ton code, voici comme est fait une infobulle :
Code:
<div class="thumbnail">
 <img src="http://i60.servimg.com/u/f60/12/30/44/12/mini_j10.png" style="width: 100px; height: 100px;" border="0" />
 <span></span>
 <div style="" class="tstaff">
 <img src="http://i60.servimg.com/u/f60/12/30/44/12/jack10.png" style="width: 150px; height: 250px;" border="0" />
 <span style="color: rgb(90, 70, 70);">
 <strong>Jack Sparrow</strong>
 </span>
 <br />
 Fondateur
 <br />
 <a href="http://piratedescaraibes.forum-actif.net/profile.forum?mode=viewprofile&u=1">Voir son profil</a>
 <br />
 <span style="color: black;">Statut:</span> Capitaine du Black Pearl
 </div>
 <span></span>
</div>

Juste avant la div avec la class "tstaff" tu as une balise span ouverte puis fermée sans contenu, et même chose à la fermeture de ta div. Or justement ce qui apparait au survol c'est le contenu de ton span Wink... Il faut donc remodifier ton code pour effacer la span vide à la fin, et mettre le contenu de ton infobulle à l'intérieur du span. ^^
Pour une raison étrange, il semblerait que ton code ai été modifié, hier quelqu'un a posé sur un autre forum une question similaire et avait exactement le même souci o-o. Il s'est déclenché quand elle a édité sa PA pour changer un texte. Je pense que FA a un problème avec son éditeur de code, car je vois ces temps ci pleins de soucis liés à ça.

[Nihil]
# Tropactif #

Messages : 1155
Inscrit(e) le : 10/12/2009

http://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème d'affichage sur le portail (le port)

Message par Ventus le Sam 4 Jan 2014 - 21:37

Merci beaucoup pour ton aide Nihil, effectivement, je suis parvenu a corriger une partie du bug.

Par contre, si un membre de FA pouvait me venir en aide, car lorsque je modifie la page, l'erreur revient a chaque fois...

Ou si une autre personne a la solution, je suis également preneur, d'avance  Thanks


En cas de besoin, le CSS du portail que j'ai actuellement. Peut-être que vous aller y trouver un problème...

Spoiler:

Code:
/* CSS du portail*/
.leport {
background: url(http://i60.servimg.com/u/f60/12/30/44/12/fond_d10.jpg);
}
a.lien_portail {
display: block;
width: 280px;
border-left: 4px solid #fff;
border-right: 4px solid #fff;
background-color: #a89375;
margin-left: 27px;
}
a.lien_portail:hover {
background-color: #887963;
}
.case_portail {
background-color: #C7B499;
width:50%; color: #000000;
text-align: center;
font-size: 13px;
font-family: Century Gothic;
border-bottom: 1px solid #887963;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding-bottom: 8px;
}
.titre_case {
display: block;
background-color: #a89375;
text-align: right;
color: white;
font-weight: bold;
font-size: 13px;
border-bottom: 1px dotted #887963;
padding-right: 10px;
margin-bottom: 8px;
}

/*Tableau accueil*/
#owerf {
height: 100px!important;
text-align: left!important;
}
.titleutile {
width: 150px;
text-align: center;
}
.titleautre {
width: 150px;
text-align: center;
}
.tstaff {
font-size: 1em;
}
.thumbnail {
position: relative;
padding: 0px;
margin: 0px;
}
.thumbnail:hover {
background-color: #ad8c70;
z-index: 50;
padding: 0px;
margin: 0px;
}
.thumbnail span {
position: absolute;
background-color: #ad8c70;
left: -1000px;
visibility: hidden;
border: 1px groove #866a53;
color: #000;
padding: 5px;
}
.thumbnail span img {
border: 1px groove;
padding: 2px;
}
.thumbnail:hover span {
visibility: visible;
top: 50px;
left: 25px;
width: 160px
}


Pour information, j'ai crée une nouvelle classe dans le statut, dans le genre :

.statut
{
color : black;
}

La modification de la classe ainsi
<span class="statut">Statut :</span>

Mais toujours rien... C'est un problème qui persiste.

Ventus
****

Messages : 357
Inscrit(e) le : 14/04/2008

http://piratedescaraibes.forum-actif.net/index.htm
Ventus a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème d'affichage sur le portail (le port)

Message par Ventus le Dim 5 Jan 2014 - 23:16

Un petit UP Very Happy

Ventus
****

Messages : 357
Inscrit(e) le : 14/04/2008

http://piratedescaraibes.forum-actif.net/index.htm
Ventus a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème d'affichage sur le portail (le port)

Message par Ventus le Mar 7 Jan 2014 - 20:48

Et un nouveau petit UP pour signaler que le problème n'est pas entièrement résolu ^^

Ventus
****

Messages : 357
Inscrit(e) le : 14/04/2008

http://piratedescaraibes.forum-actif.net/index.htm
Ventus a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème d'affichage sur le portail (le port)

Message par ~ Nico ~ le Mer 8 Jan 2014 - 15:02

Hello,
Essaye en mettant <div class="avatar mini"><img src=""></div>

~ Nico ~
**

Masculin
Messages : 83
Inscrit(e) le : 10/04/2013

http://webirc.forumactif.org/
~ Nico ~ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème d'affichage sur le portail (le port)

Message par Ventus le Mer 8 Jan 2014 - 18:58

Merci bien Nico, j'ai testé ! Le résultat est pire que tout ^^ Cela fait tout de même plaisir de lire ta proposition ^^

Donc, problème toujours en cours et pas de solution.

Ventus
****

Messages : 357
Inscrit(e) le : 14/04/2008

http://piratedescaraibes.forum-actif.net/index.htm
Ventus a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème d'affichage sur le portail (le port)

Message par ~ Nico ~ le Mer 8 Jan 2014 - 18:59

J'ai pas d'autre solution désolé ^^

~ Nico ~
**

Masculin
Messages : 83
Inscrit(e) le : 10/04/2013

http://webirc.forumactif.org/
~ Nico ~ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème d'affichage sur le portail (le port)

Message par [Nihil] le Mer 8 Jan 2014 - 20:25

Pourrais tu poster le code HTML nettoyé s'il te plait Smile ? (sans toutes les erreurs du à l'éditeur, il me semble qu'il doit être différent de celui posté tout au début)

[Nihil]
# Tropactif #

Messages : 1155
Inscrit(e) le : 10/12/2009

http://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème d'affichage sur le portail (le port)

Message par Ventus le Sam 11 Jan 2014 - 19:45

Bonsoir,

Pas grave Nico et merci tout de même de t'être donné la peine de répondre à mon appel à l'aide Very Happy

Nihil, je te passe le HTML tel qu'il apparait sur la page :

Spoiler:
Code:

<tr>
         
         <td colspan="2" class="case_portail">
             <span class="titre_case">Le Staff</span>
            <center>
               
               <table>
                  
                  <tbody>
                     
                     <tr>
                        
                        <td>
                           
                           <div class="thumbnail">
                              <img src="http://i60.servimg.com/u/f60/12/30/44/12/mini_j10.png" style="width: 100px; height: 100px;" border="0" />
                              <div style="" class="tstaff">
                                 <img src="http://i60.servimg.com/u/f60/12/30/44/12/jack10.png" style="width: 150px; height: 250px;" border="0" /><span style="color: rgb(90, 70, 70);"><strong>Jack Sparrow</strong></span><br />Fondateur<br /><a href="http://piratedescaraibes.forum-actif.net/profile.forum?mode=viewprofile&u=1">Voir son profil</a><br /><span style="color: black;">Statut:</span> Capitaine du Black Pearl
                              </div>
                           </div>
                           
                        </td>
                        
                        <td>
                           
                           <div class="thumbnail">
                              <img src="http://img72.xooimage.com/files/3/7/c/mini-mag-1-30d7d38.png" style="width: 100px; height: 100px;" border="0" />
                              <div style="" class="tstaff">
                                 <img src="http://img69.xooimage.com/files/5/c/9/magaly-2-30d7cac.png" style="width: 150px; height: 250px;" border="0" /><span style="color: rgb(90, 70, 70);"><strong>Magaly de Sombre</strong></span><br />Co-fondateur<br /><a href="http://piratedescaraibes.forum-actif.net/u521">Voir son profil</a><br /><span style="color: black;">Statut:</span> Capitaine de l'Adamante
                              </div>
                           </div>
                           
                        </td>
                        
                        <td>
                           
                           <div class="thumbnail">
                              <img src="http://img94.xooimage.com/files/5/8/a/mini-sid-3bc598c.png" style="width: 100px; height: 100px;" border="0" />
                              <div style="" class="tstaff">
                                 <img src="http://img93.xooimage.com/files/c/c/8/sid-pr-sentation-admin-3bc5a2d.png" style="width: 150px; height: 250px;" border="0" /><span style="color: rgb(90, 70, 70);"><strong>Sid</strong></span><br />Adminette<br /><a href="http://piratedescaraibes.forum-actif.net/u875">Voir son profil</a><br /><span style="color: black;">Statut:</span> Pirate
                              </div>
                           </div>
                           
                        </td>
                        
                        <td>
                           
                           <div class="thumbnail">
                              <img src="http://img92.xooimage.com/files/b/4/2/mini-andr--3bc5a85.png" style="width: 100px; height: 100px;" border="0" />
                              <div style="" class="tstaff">
                                 <img src="http://img93.xooimage.com/files/c/9/d/andr-pr-sentation-admin-3bc5af6.png" style="width: 150px; height: 250px;" border="0" /><span style="color: rgb(90, 70, 70);"><strong>André de Lestre</strong></span><br />Administrateur<br /><a href="http://piratedescaraibes.forum-actif.net/u929">Voir son profil</a><br /><span style="color: black;">Statut:</span> Capitaine de la Méduse
 
                              </div>
                           </div>
                           
                        </td>
                        
                     </tr>
                     
                  </tbody>
                  
               </table>
               
            </center>
            
         </td>
         
      </tr>

Avec pour espoir que tu trouves la solution Very Happy
D'avance, merci


ps: dsl, mais j'étais au ski trois jours sans internet, donc impossible de répondre avant Sad

Ventus
****

Messages : 357
Inscrit(e) le : 14/04/2008

http://piratedescaraibes.forum-actif.net/index.htm
Ventus a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème d'affichage sur le portail (le port)

Message par Ventus le Dim 12 Jan 2014 - 21:45

Up

Ventus
****

Messages : 357
Inscrit(e) le : 14/04/2008

http://piratedescaraibes.forum-actif.net/index.htm
Ventus a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème d'affichage sur le portail (le port)

Message par [Nihil] le Dim 12 Jan 2014 - 22:36

C'est bien ce que je pensais, le problème vient du CSS qui ne correspond pas à la structure de ton HTML.
Pourrais tu copier / coller le CSS qui correspond ?

Dans l'idée c'est simple, dans le CSS tu dois avoir quelque chose dans ce genre:
Code:
.thumbnail:hover span { /* avec du code CSS dedans */}

En gros, l'effet de survol se mettra sur les span à l'intérieur de la div.thumbnail.

Or là, il faudrait masquer la div ".tstaff" à l'état normal, et l'afficher au survol ^^

[Nihil]
# Tropactif #

Messages : 1155
Inscrit(e) le : 10/12/2009

http://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème d'affichage sur le portail (le port)

Message par Ventus le Mer 15 Jan 2014 - 18:16

Voilà le code CSS qui comprend :

Code:
.thumbnail:hover span {
visibility: visible;
top: 50px;
left: 25px; /*position where enlarged image should offset horizontally */
width: 160px
}

Actuellement, j'ai cela comme code. Donc, d'après toi, il me faut modifier quoi pour que cela fonctionne normalement ?
A savoir, avant la mise à jour de Forum actif, le code en place fonctionnait très bien...


D'avance, merci beaucoup de ton aide Very Happy

Ventus
****

Messages : 357
Inscrit(e) le : 14/04/2008

http://piratedescaraibes.forum-actif.net/index.htm
Ventus a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème d'affichage sur le portail (le port)

Message par [Nihil] le Mer 15 Jan 2014 - 20:19

Je pense que pour l'instant le CSS que tu viens de copier / coller tu peux le mettre en commentaire.
Effectivement, il fonctionnait très bien car tu n'avais pas la même structure HTML. Le contenu à afficher était dans ton span, là tu l'as mis dans une div. Ce qui est mieux d'ailleurs.
@[Nihil] a écrit:Juste avant la div avec la class "tstaff" tu as une balise span ouverte puis fermée sans contenu, et même chose à la fermeture de ta div. Or justement ce qui apparait au survol c'est le contenu de ton span Wink... Il faut donc remodifier ton code pour effacer la span vide à la fin, et mettre le contenu de ton infobulle à l'intérieur du span. ^^

Dans ton CSS tu dois avoir quelque chose dans ce genre :
Code:
.thumbnail span  { background-color: #AD8C70;
    border: 1px groove #866A53;
    color: #000000;
    left: -1000px;
    padding: 5px;
    position: absolute;
    visibility: hidden;}
Tu peux aussi le mettre en commentaire.

Essaye de rajouter ceci dans ton CSS :
Code:
.thumbnail > div.tstaff {
   display : none; /* la div est masquée en temps normal */
   position: absolute; /* pour positionner l'infobulle */
   background : #AD8C70; /* couleur de fond */
   padding: 5px;
   border: 1px groove #866A53;
}

.thumbnail:hover > div.tstaff {
   display: block; /* au survol de la miniature, on affiche la div */
}

[Nihil]
# Tropactif #

Messages : 1155
Inscrit(e) le : 10/12/2009

http://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème d'affichage sur le portail (le port)

Message par Ventus le Mer 15 Jan 2014 - 20:41

Alors là, je ne sais que dire... Juste un énorme MERCI  ok de ton aide. C'est exactement ça. Grâce à ta ténacité, tout fonctionne à merveille.

Mes félicitations  cheers 


Ventus
****

Messages : 357
Inscrit(e) le : 14/04/2008

http://piratedescaraibes.forum-actif.net/index.htm
Ventus 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