code page d'accueil

[riffraff]

Bonjour,

voila notre forum avait une belle page d'accueil mais depuis peu la partie " navigation" de cette page ne fonctionne plus en effet...on voit rien.Il y avait un texte en bleu avec des infos bulle avec une redirection vers des pages du forum.

voici le forum: http://forumdesguitaristes.forumsmusic.com

voici le code (la video youtube ne marche pas c'est normal lol )

Code:

<center>
   <span style="FONT-SIZE: smaller">Les tablatures et partitions mises à disposition sur ce site n'ont absolument aucune vocation commerciale et joue sur l'autorisation tacite des auteurs et des ayants droits, pensant que la publication de ces tablatures représente plutôt une publicité positive à leur égard. Cependant, si un auteur ou une société accréditée désire s'opposer à la publication de ses tablatures, merci de nous contacter et celles-ci seront immédiatement retirées du site.</span>
</center>
<table style="WIDTH: 100%">
   <tbody>
      <tr>
         <td colspan="3">
            <center>
               <span style="FONT-SIZE: 32px"><span style="COLOR: red"></span></span>
            </center>
         </td>
      </tr>
      <tr>
         <td style="WIDTH: 30%">
            <div class="fondpage">
               <div class="titrepa">
                  <span style="COLOR: red">NAVIGATION</span>
               </div><br /><span style="COLOR: rgb(30,144,255)">● <a href="http://forumdesguitaristes.forumsmusic.com/register?tid=d8cdca3884ac65dcb83db7ab0e409f21?tid=3c46210f47a3a73d4015bbc51c77a3c9" class="info"><span style="COLOR: rgb(30,144,255)">S'inscrire<span>Inscrivez vous pour avoir accès à toutes les tablatures, à tous les conseils et les sujets de discussions.</span></span></a><br /><br /></span><span style="COLOR: rgb(30,144,255)"><span style="COLOR: rgb(30,144,255)">●</span> <a href="http://forumdesguitaristes.forumsmusic.com/f8-presentations-des-gratteux-du-forum?tid=3c46210f47a3a73d4015bbc51c77a3c9" class="info"><span style="COLOR: rgb(30,144,255)">Se présenter (OBLIGATOIRE)<span>Vous devrez vous présenter pour poster des messages.Cela vous intégrera mieux.</span></span></a><br /><br />● <a href="http://forumdesguitaristes.forumsmusic.com/f1-reglement-et-news?tid=3c46210f47a3a73d4015bbc51c77a3c9" class="info"><span style="COLOR: rgb(30,144,255)">Le règlement<span>C'est la charte du forum.Les règles y sont écrites.</span></span></a><br /></span><span style="COLOR: rgb(30,144,255)"><span style="COLOR: rgb(30,144,255)"><br />●</span> <a href="http://forumdesguitaristes.forumsmusic.com/f13-des-questions?tid=3c46210f47a3a73d4015bbc51c77a3c9" class="info"><span style="COLOR: rgb(30,144,255)">Besoin d'un conseil?<span>Posez nous des questions dans le domaine de la guitare.</span></span></a><br /><br />● <a href="http://forumdesguitaristes.forumsmusic.com/f17-la-boite-a-outils-du-debutant?tid=3c46210f47a3a73d4015bbc51c77a3c9" class="info"><span style="COLOR: rgb(30,144,255)">Pour bien débuter <span>Voici plusieurs tutoriels pour bien commencer votre apprentissage.</span> </span></a><br /><br /></span><span style="COLOR: rgb(30,144,255)"><span style="COLOR: rgb(30,144,255)">●</span> <a href="http://forumdesguitaristes.forumsmusic.com/c7-trucs-astuces-et-bricolage?tid=3c46210f47a3a73d4015bbc51c77a3c9" class="info"><span style="COLOR: rgb(30,144,255)">Quelques conseils et astuces <span>Bénéficier de conseils et astuces.</span></span></a><br /><br /></span><span style="COLOR: rgb(30,144,255)"><span style="COLOR: rgb(30,144,255)">●</span><a href="http://forumdesguitaristes.forumsmusic.com/c5-partage?tid=3c46210f47a3a73d4015bbc51c77a3c9" class="info"><span style="COLOR: rgb(30,144,255)"> Besoin de tablatures ? <span>Ici vous pourez trouver plusieurs tablatures et riffs. </span></span></a><br /><br /></span><span style="COLOR: rgb(30,144,255)"><span style="COLOR: rgb(30,144,255)">●</span> <a href="http://forumdesguitaristes.forumsmusic.com/c4-ressources?tid=3c46210f47a3a73d4015bbc51c77a3c9" class="info"><span style="COLOR: rgb(30,144,255)">Des ressources de base<span>Venez voir les liens utiles.</span></span></a><br /><a href="http://forumdesguitaristes.forumsmusic.com/c4-ressources?tid=3c46210f47a3a73d4015bbc51c77a3c9" class="postlink"><span style="COLOR: rgb(30,144,255)"><span></span></span></a><span style="COLOR: rgb(30,144,255)"><span><br /></span></span>● <a href="http://forumdesguitaristes.forumsmusic.com/admin/index.forum?part=themes&sub=index&tid=8dd0da4b409cd27a6123787cb15ea4a8#1E90FF"></a><a href="http://forumdesguitaristes.forumsmusic.com/f78-apprentissage-et-coatching-en-chantier" class="info"><span style="COLOR: rgb(30,144,255)">Prendre des cours gratuits?<span>Voici la particularitée de notre communautée! Nous donnons des cours individuels.</span></span></a><br /></span>
            </div><span style="COLOR: black"><br /></span>
            <div class="fondpage">
               <br />
            </div><span style="COLOR: black"></span>
         </td>
         <td style="WIDTH: 40%">
            <div class="fondcontexte">
               <embed wmode="transparent" quality="high" scale="exactfit" src="http://www.youtube.com/v/AsIUTJNpgcA" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" style="WIDTH: 425px; HEIGHT: 350px" />
            </div>
         </td>
         <td style="WIDTH: 30%">
            <div class="fondnouv">
               <div class="titrepa">
                  <span style="COLOR: red">
                  </span>
               </div>
               <center>
                  <img src="http://i39.servimg.com/u/f39/17/09/64/97/bob10.png" alt="" border="0" />
               </center>
            </div><br /><br /><br /><br />
            <div class="fondpage">
               <div class="titrepa" style="TEXT-ALIGN: center">
                  <span style="COLOR: red">NOUS RECRUTONS</span>
               </div><br /><span style="COLOR: rgb(30,144,255)"></span>
               <center>
                  <span style="COLOR: rgb(30,144,255)">
                  </span>
                  <div style="TEXT-ALIGN: center; MARGIN: auto; WIDTH: 100%">
                     -1 Modérateur<br />-x coachs
                  </div><span style="COLOR: rgb(30,144,255)"></span>
                  <div style="TEXT-ALIGN: center; MARGIN: auto; WIDTH: 100%">
                     -x pubeurs
                  </div><span style="COLOR: rgb(30,144,255)"></span>
                  <div style="TEXT-ALIGN: center; MARGIN: auto; WIDTH: 100%">
                     <span style="COLOR: rgb(30,144,255)">-x amigos des tutos</span>
                  </div>
               </center>
            </div>
         </td>
      </tr>
      <tr>
         <td colspan="3">
            <div class="fondpage">
               <marquee>
               </marquee>
            </div>
         </td>
      </tr>
   </tbody>
</table><span style="FONT-SIZE: smaller"></span>
<center>
   <span style="FONT-SIZE: smaller">(c) Codage de la PA par RITS-U. Toute copie intégrale ou partielle est interdite</span>
</center><span style="FONT-SIZE: smaller"></span><br />
<center>
   <hr /><object align="middle" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" id="vote" style="WIDTH: 120px; HEIGHT: 50px"></object>
</center>

j'espere avoir été assez clair merci

[riffraff]

Up

[MasDan]

Bonjour,


Pour votre vidéo Youtube, le lien est inexistant.
Si elle a déjà fonctionné alors elle a tout simplement été supprimé.

[riffraff]

Oui oui ca c est normal un membre nous a quitté brutalement donc voili voilou


merci

[MlleAlys]

Bonjour,
vous devriez trouver dans votre css des codes de ce genre :

Code:

a.info span {
  display: none;
}

a.info:hover>span {
  background-image: url(http://i34.servimg.com/u/f34/11/14/60/21/bginfo10.png);
}

a.info:hover span {
  color: #000;
  display: block;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://i34.servimg.com/u/f34/11/14/60/21/bginfo10.png",sizingMethod="crop");
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: italic;
  font-weight: 400;
  height: 45px;
  left: 10px;
  padding: 24px 8px 5px 25px;
  position: absolute;
  text-align: justify;
  text-decoration: none;
  top: 18px;
  width: 205px;
}

Rajoutez un span à la fin de chaque élément, comme ceci :

Code:

a.info span span {
  display: none;
}

a.info:hover>span span {
  background-image: url(http://i34.servimg.com/u/f34/11/14/60/21/bginfo10.png);
}

a.info:hover span span {
  color: #000;
  display: block;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://i34.servimg.com/u/f34/11/14/60/21/bginfo10.png",sizingMethod="crop");
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: italic;
  font-weight: 400;
  height: 45px;
  left: 10px;
  padding: 24px 8px 5px 25px;
  position: absolute;
  text-align: justify;
  text-decoration: none;
  top: 18px;
  width: 205px;
}

[riffraff]

salut et merci de ton aide

en effet dans mes css j'ai ceci:

Code:


/*code infobulle*/
 a.info { position:relative; background:none; z-index:10; }
a.info:hover { z-index:20; }
a.info span { display:none; }
a.info:hover span { display:block; position:absolute; top:18px; left:10px; padding-left:25px; padding-top:24px; padding-bottom:5px; padding-right:8px; width:205px; height:45px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-style:italic; font-size:10px; color:#000000; text-decoration:none; text-align:justify; }
a.info:hover>span { background-image:url(http://i34.servimg.com/u/f34/11/14/60/21/bginfo10.png); }
a.info:hover span { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://i34.servimg.com/u/f34/11/14/60/21/bginfo10.png", sizingMethod="crop"); }

chaque element? je ne comprends pas désolé...

[MlleAlys]

dans ce cas, remplacez ce bloc par celui ci ^^ :

Code:

/*code infobulle*/
a.info {
  position:relative;
  background:none;
  z-index:10;
}
a.info:hover {
  z-index:20;
}
a.info span span {  /*infobulle non affichée*/
  display:none;
}
a.info:hover span span {  /*infobulle au survol*/
  display:block;
  position:absolute;
  top:18px;
  left:10px;
  background-image:url(http://i34.servimg.com/u/f34/11/14/60/21/bginfo10.png);
  padding:24px 8px 5px 25px;
  width:205px;
  height:45px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:normal;
  font-style:italic;
  font-size:10px;
  color:#000000;
  text-decoration:none;
  text-align:justify;
}

[riffraff]

ahaha merci beaucoup

ca fonctionne merci exellent!