Problème avec les liens.

[Rikku-Chan]

Bonsoir à vous ^^

J'ai un autre soucis, qui se situe toujours sur ma page d'accueil; enfaite, sur les liens au dessus sur la barre et bien quand je clique dans la partie Friends, "devenir partenaire" et bien le lien ne m'envoie pas sur la page mais me fait ceci:



Voici mon code html:

Spoiler:

Voici le code a mettre dans généralité:

Code:

<center><table style="margin-left:auto;margin-right:auto;" width="730" height="520" cellpadding="0" cellspacing="0" border="0"><tr><td width="730" height="520" ><iframe src="http://tokai.forums-actifs.net/h2-page-d-accueil" frameborder="no" width="730px" height="520px" align="center" style="overflow : hidden"></iframe></td></tr></table></center>

Si vous voulez essayer de cliquer sur les liens, il faut cliquer seulement dans la partie "Friends" parce que les autres parties je n'ai pas mis de liens ^^

Merci d'avance a qui prendra en charge mon problème ^^
Passez une bonne soirée ='D

[Lixyr]

Il semble que l'iframe face défaut, parce que quand je mets votre code directement dans la partie généralité, ça marche très bien.

[Rikku-Chan]

Dans ce cas que me conseillez-vous de faire pour que tout fonctionne a merveille? ^^
Si, par hasard vous me répondez qu'il faudrait mettre le code dans généralité plutôt que dans une iframe; j'aurai deux questions a vous posez:

1) quel est la différence entre une iframe et le mettre directement dans généralité? qu'est-ce-qui est le mieux?

2) comment mettre le code dans généralité? (est ce qu'il faut prendre le code dans l'iframe est le mettre directement dans généralité puis enlever celui dans l'iframe ainsi que le petit code dans généralité qu'il y avait?)


Merci bien =)

[Lixyr]

Dans ce cas que me conseillez-vous de faire pour que tout fonctionne a merveille? ^^

Je vous conseillerais de mettre le code directement dans le message d'accueil, car les iframes, c'est pas facile à manier.

Si, par hasard vous me répondez qu'il faudrait mettre le code dans généralité plutôt que dans une iframe; j'aurai deux questions a vous posez:

1) quel est la différence entre une iframe et le mettre directement dans généralité? qu'est-ce-qui est le mieux?

La différence c'est qu'une iframe affiche le contenu d'une autre page dans un endroit que vous avez choisi, alors que le code mis directement affiche directement le codage dans l'endroit que vous avez choisi.
L'iframe, ça peut être avantageux comme désavantageux, car ce n'est qu'une simple fenêtre qui ouvrirait sur le monde d'une autre page ; et dans votre cas, les liens ne marchant pas correctement, alors qu'il n'y a pas d'erreur dans le code, c'est désavantageux.

2) comment mettre le code dans généralité? (est ce qu'il faut prendre le code dans l'iframe est le mettre directement dans généralité puis enlever celui dans l'iframe ainsi que le petit code dans généralité qu'il y avait?)

hey bien en fait, il suffit de prendre le code entier se trouvant dans votre page html, et de mettre ce code directement dans la zone de texte de la page d'accueil.

Autrement dit, votre code étant :

Code:

<center><table style="margin-left:auto;margin-right:auto;" width="730" height="520" cellpadding="0" cellspacing="0" border="0"><tr><td width="730" height="520" >    <style type="text/css">
    a.info{
    position:relative;
    z-index: 24;
    color:#D9D8B9;
    text-decoration:none
    }
   
    a.info:hover{
    z-index:25;
    background-color:#FFF
    }
   
    a.info span{
    display: none
    }
   
    a.info:hover span{
    display:block;
    position:absolute;
    top:2em; left:2em; width:10em;
    border:1px solid #000;
    background-color:#544934;
    color:#000;
    text-align: justify;
    font-weight:none;
    padding:5px;
    }
    #menu ul {
    positon: relative;
    z-index: 999;
    margin:0;
    padding:0;
    list-style-type:none;
    text-align:center;
    }
    #menu li {
    float:left;
    margin:auto;
    padding:0;
    background-color:#D9D8B9;
    }
    #menu li a {
    position: relative;
    z-index: 999;
    display:block;
    width:177px;
    color:#544934;
    text-decoration:none;
    padding:0px;
    }
    #menu li a:hover {
    color:#806F4F;
    }

    #menu ul li ul {
    display:none;
    }
    #menu ul li:hover ul {
    display:block;
    }
    #menu li:hover ul li {
    float:none;
    }
    #menu li ul {
    position:absolute;
    }
    #menu {
    height:35px;
    }
    .titre}
    border-bottom: 2px solid #E8E8E8;
    TEXT-ALIGN: center;
    -moz-border-radius: 0px 0px 45px 45px;
    border-radius: 0px 0px 45px 45px;
    -webkit-border-radius: 0px 0px 45px 45px;
    color:#E8E8E8;}


    </style>
    <table>
    <tr><td width="710"><img width="710" src="http://i24.servimg.com/u/f24/16/24/39/41/erttt_11.jpg"><div align="center"><div id="menu">
    <ul>
      <li><a href="#">Administration</a>
        <ul>
          <li><a href="#">Sous-item 1</a></li>
          <li><a href="#">Sous-item 2</a></li>
          <li><a href="#">Sous-item 3</a></li>
        </ul>
      </li>
      <li><a href="#">Ecole</a>
        <ul>
          <li><a href="#">Sous-item 1</a></li>
          <li><a href="#">Sous-item 2</a></li>
          <li><a href="#">Sous-item 3</a></li>
        </ul>
      </li>
      <li><a href="#">Game</a>
        <ul>
          <li><a href="#">Sous-item 1</a></li>
          <li><a href="#">Sous-item 2</a></li>
          <li><a href="#">Sous-item 3</a></li>
        </ul>
      </li>
      <li><a href="#">Friends</a>
        <ul>
          <li><a href="http://tokai.forums-actifs.net/t10-boutons-de-partenariat">Nous lier</a></li>
          <li><a href="http://tokai.forums-actifs.net/t8-nos-partenaires">Nos petits choux</a></li>
          <li><a href="http://tokai.forums-actifs.net/t7-formulaire-de-partenariat">Devenir partenaire</a></li>
        </ul>
      </li><br/>
    <table><tr style="width: 720px;"><td><div style="border: 1px solid rgb(64, 119, 108); width: 236px; height: 50px;"><div style="text-align: center;" align="center"><a class="info"><img src='http://i25.servimg.com/u/f25/16/45/82/19/sed12.png'/><span><img src='http://i25.servimg.com/u/f25/16/45/82/19/7yumik11.png'/>Fondatrice  et Directrice du Pensionnat Tokai.</span></a></div></div><div style="border: 1px solid rgb(64, 119, 108); width: 236px; height: 50px;"><div style="text-align: center;" align="center"><a class="info"><img srf='http://accessoires.sfr.fr/eshop/medias/manufacturers/smalls/EDENPARK-100x50.jpg'/><span>Votre texte de l'info bulle</span></a></div></div></td><td><div style="border: 1px solid rgb(64, 119, 108); width: 236px; height: 50px;"><div style="text-align: center;" align="center"><a class="info"><img srf='http://accessoires.sfr.fr/eshop/medias/manufacturers/smalls/EDENPARK-100x50.jpg'/><span>Votre texte de l'info bulle</span></a></div></div><div style="border: 1px solid rgb(64, 119, 108); width: 236px; height: 50px;"><div style="text-align: center;" align="center"><a class="info"><img srf='http://accessoires.sfr.fr/eshop/medias/manufacturers/smalls/EDENPARK-100x50.jpg'/><span>Votre texte de l'info bulle</span></a></div></div></td><td>
    <div style="border: 1px solid rgb(64, 119, 108); width: 220px; height: 100px;text-align: justify;
    overflow: auto;font-size:14px;"><center><span style="border-bottom: 3px solid #E8E8E8;
    TEXT-ALIGN: center;-moz-border-radius: 0px 0px 45px 45px;border-radius: 0px 0px 45px 45px;-webkit-border-radius: 0px 0px 45px 45px;color:#544934;">HISTOIRE</span></center><br/>
    BLABLABLABLA
    BLABLABLABLABLABLABLABLA BLA
    BLABLABLABLABLABLABLABLA
    BLABLABLABLABLABLABLABLA
    BLABLABLABLA
    BLABLABLABLA
    BLABLABLABLABLABLABLABLA
    BLABLABLABLA
    BLABLABLABLA
    BLABLABLABLA
    BLABLABLABLA
    BLABLABLABLA</div></div></td></tr>
    <tr><td><div style="border: 1px solid rgb(64, 119, 108); width: 236px; height: 100px;text-align: justify;
    overflow: auto;font-size:14px;"><center><span style="border-bottom: 3px solid #E8E8E8;
    TEXT-ALIGN: center;-moz-border-radius: 0px 0px 45px 45px;border-radius: 0px 0px 45px 45px;-webkit-border-radius: 0px 0px 45px 45px;color:#544934;">RECHERCHE</span></center><br/>
    BLABLABLABLA
    BLABLABLABLABLABLABLABLA BLA
    BLABLABLABLABLABLABLABLA
    BLABLABLABLABLABLABLABLA
    BLABLABLABLA
    BLABLABLABLA
    BLABLABLABLABLABLABLABLA
    BLABLABLABLA
    BLABLABLABLA
    BLABLABLABLA
    BLABLABLABLA
    BLABLABLABLA</div></div></td><td><div style="border: 1px solid rgb(64, 119, 108); width: 236px; height: 100px;text-align: justify;
    overflow: auto;font-size:14px;"><center><span style="border-bottom: 3px solid #E8E8E8;
    TEXT-ALIGN: center;-moz-border-radius: 0px 0px 45px 45px;border-radius: 0px 0px 45px 45px;-webkit-border-radius: 0px 0px 45px 45px;color:#544934;">NOUVEAUTES</span></center><br/>
    BLABLABLABLA
    BLABLABLABLABLABLABLABLA BLA
    BLABLABLABLABLABLABLABLA
    BLABLABLABLABLABLABLABLA
    BLABLABLABLA
    BLABLABLABLA
    BLABLABLABLABLABLABLABLA
    BLABLABLABLA
    BLABLABLABLA
    BLABLABLABLA
    BLABLABLABLA
    BLABLABLABLA</div></div></td><td><div style="border: 1px solid rgb(64, 119, 108); width: 220px; height: 100px;text-align: justify;
    overflow: auto;font-size:14px;"><center><span style="border-bottom: 3px solid #E8E8E8;
    TEXT-ALIGN: center;-moz-border-radius: 0px 0px 45px 45px;border-radius: 0px 0px 45px 45px;-webkit-border-radius: 0px 0px 45px 45px;color:#544934;">EVENEMENTS</span></center><br/>EN COURS: Aucun pour le moment.<br><br>TERMINES: Idem.</div></div></td></tr>
    <tr><td><div style="width: 236px; height: 100px;"><div style="text-align: center;" align="center">IMAGE</div></div></td><td><div style="border: 1px solid rgb(64, 119, 108); width: 236px; height: 100px;text-align: justify;
    overflow: auto;font-size:14px;"><center><span style="border-bottom: 3px solid #E8E8E8;
    TEXT-ALIGN: center;-moz-border-radius: 0px 0px 45px 45px;border-radius: 0px 0px 45px 45px;-webkit-border-radius: 0px 0px 45px 45px;color:#544934;">TOP SITES</span></center><br/>
    <center><img src="http://i25.servimg.com/u/f25/16/45/82/19/14441110.png" /><img src="http://i25.servimg.com/u/f25/16/45/82/19/58815310.png" /><img src="http://i25.servimg.com/u/f25/16/45/82/19/14441110.png" /><img src="http://i25.servimg.com/u/f25/16/45/82/19/58815310.png" /><img src="http://i25.servimg.com/u/f25/16/45/82/19/14441110.png" /><img src="http://i25.servimg.com/u/f25/16/45/82/19/58815310.png" /><br>Voter toutes les deux heures avec une intervalle de tente secondes pour que le forum s'agrandisse, merci.</center></div></div></td><td><div style="border: 1px solid rgb(64, 119, 108); width: 220px; height: 100px;text-align: justify; overflow: auto;font-size:14px;"><center><span style="border-bottom: 3px solid #E8E8E8;
    TEXT-ALIGN: center;-moz-border-radius: 0px 0px 45px 45px;border-radius: 0px 0px 45px 45px;-webkit-border-radius: 0px 0px 45px 45px;color:#544934;">INFORMATIONS</span></center><br/>
    Nous sommes en mois de Juin et le temps est ensoleillé!
    La température est tellement haute que les professeurs hésitent de faire cour en plein air.
    La rentrée n’est toujours pas divulguée auprès des élèves et des parents.
    </td></table></div></td></tr></table></center>

1) je vous conseille de mettre cette partie :

Code:

 a.info{
    position:relative;
    z-index: 24;
    color:#D9D8B9;
    text-decoration:none
    }
   
    a.info:hover{
    z-index:25;
    background-color:#FFF
    }
   
    a.info span{
    display: none
    }
   
    a.info:hover span{
    display:block;
    position:absolute;
    top:2em; left:2em; width:10em;
    border:1px solid #000;
    background-color:#544934;
    color:#000;
    text-align: justify;
    font-weight:none;
    padding:5px;
    }
    #menu ul {
    positon: relative;
    z-index: 999;
    margin:0;
    padding:0;
    list-style-type:none;
    text-align:center;
    }
    #menu li {
    float:left;
    margin:auto;
    padding:0;
    background-color:#D9D8B9;
    }
    #menu li a {
    position: relative;
    z-index: 999;
    display:block;
    width:177px;
    color:#544934;
    text-decoration:none;
    padding:0px;
    }
    #menu li a:hover {
    color:#806F4F;
    }

    #menu ul li ul {
    display:none;
    }
    #menu ul li:hover ul {
    display:block;
    }
    #menu li:hover ul li {
    float:none;
    }
    #menu li ul {
    position:absolute;
    }
    #menu {
    height:35px;
    }
    .titre}
    border-bottom: 2px solid #E8E8E8;
    TEXT-ALIGN: center;
    -moz-border-radius: 0px 0px 45px 45px;
    border-radius: 0px 0px 45px 45px;
    -webkit-border-radius: 0px 0px 45px 45px;
    color:#E8E8E8;}


dans la feuille de style css

(panneau d'administration >> affichage >> couleur >> feuille de style css)
Vous mettez votre code ici, et vous enregistrez.

2) de supprimer ceci :

<style type="text/css"></style>

3) et de mettre tout le reste dans votre page d'accueil

(panneau d'administration >> affichage >> page d'accueil >> généralité >> Message sur la page d'accueil >> Contenu du message : )

vous collez votre code et vous enregistrez.

Merci bien =)

Je vous en prie. ^^

[Rikku-Chan]

Bonjour =D
Merci beaucoup pour vos explications, ça m'aidera pour la suite ^^
J'ai mis les codes mais ça ne fonctionne pas bien, ça mefait un peu un espece de truc comme la capture que je vous ai montré au début seulement en pire encore xD

Je ne peux pas vous montrer une capture parce que je ne trouve pas le bouton impr/ecran sur le clavier car celui-ci es un portable mac et ce n'est pas le mien ^^'

Voici cependant le code que j'ai mis dans generalité:

Spoiler:

Et voici le code que j'ai mis dans le css:

Spoiler:

Voilà, merci bien ^^

[Lixyr]

Okay, alors déjà les liens marchent.

J'ai mis vos codes sur mon forum test, voici ce que ça donne : prévisualisation

Dis-moi dans ce que tu vois, ce qui ne va pas.

(pour faire un screen avec un mac, peut-être que ce lien pourra t'aider)

*edit

ah oui, j'avais pas vu le problème de l'affichage de la page d'accueil qui vomit sur le forum.
Je vais regarder ça, il doit y avoir une erreur quelque part.

*edit*

donc il y avait effectivement quelques petits erreurs dans le code, notamment des div de fermeture en trop pour les cellules, ainsi que l'avant dernière ligne pas fermée.
Les codes pour les images contenaient aussi des erreurs :

<img src="urldelimage"> et non pas img src='urldelimage'>


ça c'est pour la petite parenthèse.

Voici votre code, trié et corrigé :

Code:

    <table style="margin-left:auto;margin-right:auto;" width="730" height="520" cellpadding="0" cellspacing="0" border="0">
      <tr>
         <td width="730" height="520" > 
            <table>
               <tr>
                  <td width="710"><img width="710" src="http://i24.servimg.com/u/f24/16/24/39/41/erttt_11.jpg">

               <div id="menu">
                  <ul>
                     <li><a href="#">Administration</a>
                        <ul>
                           <li><a href="#">Sous-item 1</a></li>
                           <li><a href="#">Sous-item 2</a></li>
                           <li><a href="#">Sous-item 3</a></li>
                        </ul>
                     </li>
                     <li><a href="#">Ecole</a>
                        <ul>
                           <li><a href="#">Sous-item 1</a></li>
                           <li><a href="#">Sous-item 2</a></li>
                           <li><a href="#">Sous-item 3</a></li>
                        </ul>
                     </li>
                     <li><a href="#">Game</a>
                        <ul>
                           <li><a href="#">Sous-item 1</a></li>
                           <li><a href="#">Sous-item 2</a></li>
                           <li><a href="#">Sous-item 3</a></li>
                        </ul>
                     </li>
                     <li><a href="#">Friends</a>
                        <ul>
                           <li><a href="http://tokai.forums-actifs.net/t10-boutons-de-partenariat">Nous lier</a></li>
                           <li><a href="http://tokai.forums-actifs.net/t8-nos-partenaires">Nos petits choux</a></li>
                           <li><a href="http://tokai.forums-actifs.net/t7-formulaire-de-partenariat">Devenir partenaire</a></li>
                        </ul>
                     </li>
                  </ul>
               </div>
               
               <table>
                  <tr style="width: 720px;">
                     <td>
                        <div style="border: 1px solid rgb(64, 119, 108); width: 236px; height: 50px;">
                        <div style="text-align: center;" align="center">
                           <a class="info"><img src="http://i25.servimg.com/u/f25/16/45/82/19/sed12.png"/>
                           <span><img src="http://i25.servimg.com/u/f25/16/45/82/19/7yumik11.png"/>Fondatrice  et Directrice du Pensionnat Tokai.</span>
                           </a>
                        </div>
                        </div>
                        
                        <div style="border: 1px solid rgb(64, 119, 108); width: 236px; height: 50px;">
                        <div style="text-align: center;" align="center">
                           <a class="info"><img src="http://accessoires.sfr.fr/eshop/medias/manufacturers/smalls/EDENPARK-100x50.jpg" />
                           <span>Votre texte de l'info bulle</span>
                           </a>
                        </div>
                        </div>
                     </td>
                     
                     <td>
                     <div style="border: 1px solid rgb(64, 119, 108); width: 236px; height: 50px;">
                     <div style="text-align: center;" align="center">
                        <a class="info"><img src="http://accessoires.sfr.fr/eshop/medias/manufacturers/smalls/EDENPARK-100x50.jpg"/>
                        <span>Votre texte de l'info bulle</span>
                        </a>
                     </div>
                     </div>
                     
                     <div style="border: 1px solid rgb(64, 119, 108); width: 236px; height: 50px;">
                     <div style="text-align: center;" align="center">
                        <a class="info"><img src="http://accessoires.sfr.fr/eshop/medias/manufacturers/smalls/EDENPARK-100x50.jpg" />
                        <span>Votre texte de l'info bulle</span>
                        </a>
                        </div>
                        </div>
                     </td>
                     
                     <td>
                        <div style="border: 1px solid rgb(64, 119, 108); width: 220px; height: 100px;text-align: justify; overflow: auto;font-size:14px;">
                           <center><span style="border-bottom: 3px solid #E8E8E8;TEXT-ALIGN: center;-moz-border-radius: 0px 0px 45px 45px;border-radius: 0px 0px 45px 45px;-webkit-border-radius: 0px 0px 45px 45px;color:#544934;">HISTOIRE
                           </span></center><br/>
        BLABLABLABLA
        BLABLABLABLABLABLABLABLA BLA
        BLABLABLABLABLABLABLABLA
        BLABLABLABLABLABLABLABLA
        BLABLABLABLA
        BLABLABLABLA
        BLABLABLABLABLABLABLABLA
        BLABLABLABLA
        BLABLABLABLA
        BLABLABLABLA
        BLABLABLABLA
        BLABLABLABLA
                        </div>
                     </td>
                  </tr>
                  
                  <tr>
                     <td>
                        <div style="border: 1px solid rgb(64, 119, 108); width: 236px; height: 100px;text-align: justify;overflow: auto;font-size:14px;">
                           <center><span style="border-bottom: 3px solid #E8E8E8;TEXT-ALIGN: center;-moz-border-radius: 0px 0px 45px 45px;border-radius: 0px 0px 45px 45px;-webkit-border-radius: 0px 0px 45px 45px;color:#544934;">RECHERCHE
                           </span></center><br/>
        BLABLABLABLA
        BLABLABLABLABLABLABLABLA BLA
        BLABLABLABLABLABLABLABLA
        BLABLABLABLABLABLABLABLA
        BLABLABLABLA
        BLABLABLABLA
        BLABLABLABLABLABLABLABLA
        BLABLABLABLA
        BLABLABLABLA
        BLABLABLABLA
        BLABLABLABLA
        BLABLABLABLA
                        </div>
                     </td>
                     
                     <td>
                        <div style="border: 1px solid rgb(64, 119, 108); width: 236px; height: 100px;text-align: justify;overflow: auto;font-size:14px;">
                           <center><span style="border-bottom: 3px solid #E8E8E8;TEXT-ALIGN: center;-moz-border-radius: 0px 0px 45px 45px;border-radius: 0px 0px 45px 45px;-webkit-border-radius: 0px 0px 45px 45px;color:#544934;">NOUVEAUTES
                           </span></center><br/>
        BLABLABLABLA
        BLABLABLABLABLABLABLABLA BLA
        BLABLABLABLABLABLABLABLA
        BLABLABLABLABLABLABLABLA
        BLABLABLABLA
        BLABLABLABLA
        BLABLABLABLABLABLABLABLA
        BLABLABLABLA
        BLABLABLABLA
        BLABLABLABLA
        BLABLABLABLA
        BLABLABLABLA
                        </div>
                     </td>
                     
                     <td>
                        <div style="border: 1px solid rgb(64, 119, 108); width: 220px; height: 100px;text-align: justify;overflow: auto;font-size:14px;">
                           <center><span style="border-bottom: 3px solid #E8E8E8;TEXT-ALIGN: center;-moz-border-radius: 0px 0px 45px 45px;border-radius: 0px 0px 45px 45px;-webkit-border-radius: 0px 0px 45px 45px;color:#544934;">EVENEMENTS
                           </span></center>
                           <br/>
                           EN COURS: Aucun pour le moment.<br>
                           <br>
                           TERMINES: Idem.
                        </div>
                     </td>
                  </tr>

                  <tr>
                     <td>
                        <div style="width: 236px; height: 100px;">
                        <div style="text-align: center;" align="center">IMAGE
                        </div>
                        </div>
                     </td>
                     <td>
                        <div style="border: 1px solid rgb(64, 119, 108); width: 236px; height: 100px;text-align: justify;overflow: auto;font-size:14px;">
                           <center><span style="border-bottom: 3px solid #E8E8E8;TEXT-ALIGN: center;-moz-border-radius: 0px 0px 45px 45px;border-radius: 0px 0px 45px 45px;-webkit-border-radius: 0px 0px 45px 45px;color:#544934;">TOP SITES
                           </span></center><br/>
                           
                           <center><img src="http://i25.servimg.com/u/f25/16/45/82/19/14441110.png" />
                           <img src="http://i25.servimg.com/u/f25/16/45/82/19/58815310.png" />
                           <img src="http://i25.servimg.com/u/f25/16/45/82/19/14441110.png" />
                           <img src="http://i25.servimg.com/u/f25/16/45/82/19/58815310.png" />
                           <img src="http://i25.servimg.com/u/f25/16/45/82/19/14441110.png" />
                           <img src="http://i25.servimg.com/u/f25/16/45/82/19/58815310.png" />
                           <br>
                           Voter toutes les deux heures avec une intervalle de tente secondes pour que le forum s'agrandisse, merci.</center>
                        </div>
                     </td>
                     
                     <td>
                     <div style="border: 1px solid rgb(64, 119, 108); width: 220px; height: 100px;text-align: justify; overflow: auto;font-size:14px;">
                     <center><span style="border-bottom: 3px solid #E8E8E8;TEXT-ALIGN: center;-moz-border-radius: 0px 0px 45px 45px;border-radius: 0px 0px 45px 45px;-webkit-border-radius: 0px 0px 45px 45px;color:#544934;">INFORMATIONS
                     </span></center><br/>
                     
        Nous sommes en mois de Juin et le temps est ensoleillé!
        La température est tellement haute que les professeurs hésitent de faire cour en plein air.
        La rentrée n’est toujours pas divulguée auprès des élèves et des parents.
      
                     </div>
                        </td>
                     </tr>
                  </table>
         
               </td>
            </tr>
         </table>

[Rikku-Chan]

Bonjour ^^
Alors j'ai mis votre code, et c'est pire qu'avant =/
Ca me change pleins de truc, dans les catégories, dans la page d'accueil, pleins de truc.
Voici ce que ça me donne:
https://i.servimg.com/u/f25/16/45/82/19/1111_b10.jpg
On en reviens au problème que j'avais avant mais qui étais résolu, l'histoire que la page d'accueil n'est pas centré avec ce code.
https://i.servimg.com/u/f25/16/45/82/19/2222_b10.jpg
Avant il y avait des petit rectangle 88*31 de couleur marron un peu plus foncé que le fond, et là on les voit plus.
https://i.servimg.com/u/f25/16/45/82/19/3333_b10.jpg
Et là ca me change les trucs des catégorie, ce n'était pas comme ça avant =/

Voici mon code css en entier:

Spoiler:

Et voici mon code généralité:

Spoiler:

Merci bien ^^

[Lixyr]

Pas de panique. ^^

Alors, il manquait la fermeture du tableau contenant l'image et le manu déroulant, soit tout un

Code:

</td></tr></table>

j'ai également centré le contenu de la cellule principale pour que ce soit centré par rapport au forum, comme ceci :

<td width="730" height="520" align="center">

Voici le code:

Code:

    <table style="margin-left:auto;margin-right:auto;" width="730" height="520" cellpadding="0" cellspacing="0" border="0">
          <tr>
            <td width="730" height="520" align="center">
                <table>
                  <tr>
                      <td width="710"><img width="710" src="http://i24.servimg.com/u/f24/16/24/39/41/erttt_11.jpg">

                  <div id="menu">
                      <ul>
                        <li><a href="#">Administration</a>
                            <ul>
                              <li><a href="#">Sous-item 1</a></li>
                              <li><a href="#">Sous-item 2</a></li>
                              <li><a href="#">Sous-item 3</a></li>
                            </ul>
                        </li>
                        <li><a href="#">Ecole</a>
                            <ul>
                              <li><a href="#">Sous-item 1</a></li>
                              <li><a href="#">Sous-item 2</a></li>
                              <li><a href="#">Sous-item 3</a></li>
                            </ul>
                        </li>
                        <li><a href="#">Game</a>
                            <ul>
                              <li><a href="#">Sous-item 1</a></li>
                              <li><a href="#">Sous-item 2</a></li>
                              <li><a href="#">Sous-item 3</a></li>
                            </ul>
                        </li>
                        <li><a href="#">Friends</a>
                            <ul>
                              <li><a href="http://tokai.forums-actifs.net/t10-boutons-de-partenariat">Nous lier</a></li>
                              <li><a href="http://tokai.forums-actifs.net/t8-nos-partenaires">Nos petits choux</a></li>
                              <li><a href="http://tokai.forums-actifs.net/t7-formulaire-de-partenariat">Devenir partenaire</a></li>
                            </ul>
                        </li>
                      </ul>
                  </div>

</td></tr></table>
               
                  <table>
                      <tr style="width: 720px;">
                        <td>
                            <div style="border: 1px solid rgb(64, 119, 108); width: 236px; height: 50px;">
                            <div style="text-align: center;" align="center">
                              <a class="info"><img src="http://i25.servimg.com/u/f25/16/45/82/19/sed12.png"/>
                              <span><img src="http://i25.servimg.com/u/f25/16/45/82/19/7yumik11.png"/>Fondatrice  et Directrice du Pensionnat Tokai.</span>
                              </a>
                            </div>
                            </div>
                         
                            <div style="border: 1px solid rgb(64, 119, 108); width: 236px; height: 50px;">
                            <div style="text-align: center;" align="center">
                              <a class="info"><img src="http://accessoires.sfr.fr/eshop/medias/manufacturers/smalls/EDENPARK-100x50.jpg" />
                              <span>Votre texte de l'info bulle</span>
                              </a>
                            </div>
                            </div>
                        </td>
                     
                        <td>
                        <div style="border: 1px solid rgb(64, 119, 108); width: 236px; height: 50px;">
                        <div style="text-align: center;" align="center">
                            <a class="info"><img src="http://accessoires.sfr.fr/eshop/medias/manufacturers/smalls/EDENPARK-100x50.jpg"/>
                            <span>Votre texte de l'info bulle</span>
                            </a>
                        </div>
                        </div>
                     
                        <div style="border: 1px solid rgb(64, 119, 108); width: 236px; height: 50px;">
                        <div style="text-align: center;" align="center">
                            <a class="info"><img src="http://accessoires.sfr.fr/eshop/medias/manufacturers/smalls/EDENPARK-100x50.jpg" />
                            <span>Votre texte de l'info bulle</span>
                            </a>
                            </div>
                            </div>
                        </td>
                     
                        <td>
                            <div style="border: 1px solid rgb(64, 119, 108); width: 220px; height: 100px;text-align: justify; overflow: auto;font-size:14px;">
                              <center><span style="border-bottom: 3px solid #E8E8E8;TEXT-ALIGN: center;-moz-border-radius: 0px 0px 45px 45px;border-radius: 0px 0px 45px 45px;-webkit-border-radius: 0px 0px 45px 45px;color:#544934;">HISTOIRE
                              </span></center><br/>
            BLABLABLABLA
            BLABLABLABLABLABLABLABLA BLA
            BLABLABLABLABLABLABLABLA
            BLABLABLABLABLABLABLABLA
            BLABLABLABLA
            BLABLABLABLA
            BLABLABLABLABLABLABLABLA
            BLABLABLABLA
            BLABLABLABLA
            BLABLABLABLA
            BLABLABLABLA
            BLABLABLABLA
                            </div>
                        </td>
                      </tr>
                   
                      <tr>
                        <td>
                            <div style="border: 1px solid rgb(64, 119, 108); width: 236px; height: 100px;text-align: justify;overflow: auto;font-size:14px;">
                              <center><span style="border-bottom: 3px solid #E8E8E8;TEXT-ALIGN: center;-moz-border-radius: 0px 0px 45px 45px;border-radius: 0px 0px 45px 45px;-webkit-border-radius: 0px 0px 45px 45px;color:#544934;">RECHERCHE
                              </span></center><br/>
            BLABLABLABLA
            BLABLABLABLABLABLABLABLA BLA
            BLABLABLABLABLABLABLABLA
            BLABLABLABLABLABLABLABLA
            BLABLABLABLA
            BLABLABLABLA
            BLABLABLABLABLABLABLABLA
            BLABLABLABLA
            BLABLABLABLA
            BLABLABLABLA
            BLABLABLABLA
            BLABLABLABLA
                            </div>
                        </td>
                     
                        <td>
                            <div style="border: 1px solid rgb(64, 119, 108); width: 236px; height: 100px;text-align: justify;overflow: auto;font-size:14px;">
                              <center><span style="border-bottom: 3px solid #E8E8E8;TEXT-ALIGN: center;-moz-border-radius: 0px 0px 45px 45px;border-radius: 0px 0px 45px 45px;-webkit-border-radius: 0px 0px 45px 45px;color:#544934;">NOUVEAUTES
                              </span></center><br/>
            BLABLABLABLA
            BLABLABLABLABLABLABLABLA BLA
            BLABLABLABLABLABLABLABLA
            BLABLABLABLABLABLABLABLA
            BLABLABLABLA
            BLABLABLABLA
            BLABLABLABLABLABLABLABLA
            BLABLABLABLA
            BLABLABLABLA
            BLABLABLABLA
            BLABLABLABLA
            BLABLABLABLA
                            </div>
                        </td>
                     
                        <td>
                            <div style="border: 1px solid rgb(64, 119, 108); width: 220px; height: 100px;text-align: justify;overflow: auto;font-size:14px;">
                              <center><span style="border-bottom: 3px solid #E8E8E8;TEXT-ALIGN: center;-moz-border-radius: 0px 0px 45px 45px;border-radius: 0px 0px 45px 45px;-webkit-border-radius: 0px 0px 45px 45px;color:#544934;">EVENEMENTS
                              </span></center>
                              <br/>
                              EN COURS: Aucun pour le moment.<br>
                              <br>
                              TERMINES: Idem.
                            </div>
                        </td>
                      </tr>

                      <tr>
                        <td>
                            <div style="width: 236px; height: 100px;">
                            <div style="text-align: center;" align="center">IMAGE
                            </div>
                            </div>
                        </td>
                        <td>
                            <div style="border: 1px solid rgb(64, 119, 108); width: 236px; height: 100px;text-align: justify;overflow: auto;font-size:14px;">
                              <center><span style="border-bottom: 3px solid #E8E8E8;TEXT-ALIGN: center;-moz-border-radius: 0px 0px 45px 45px;border-radius: 0px 0px 45px 45px;-webkit-border-radius: 0px 0px 45px 45px;color:#544934;">TOP SITES
                              </span></center><br/>
                           
                              <center><img src="http://i25.servimg.com/u/f25/16/45/82/19/14441110.png" />
                              <img src="http://i25.servimg.com/u/f25/16/45/82/19/58815310.png" />
                              <img src="http://i25.servimg.com/u/f25/16/45/82/19/14441110.png" />
                              <img src="http://i25.servimg.com/u/f25/16/45/82/19/58815310.png" />
                              <img src="http://i25.servimg.com/u/f25/16/45/82/19/14441110.png" />
                              <img src="http://i25.servimg.com/u/f25/16/45/82/19/58815310.png" />
                              <br>
                              Voter toutes les deux heures avec une intervalle de tente secondes pour que le forum s'agrandisse, merci.</center>
                            </div>
                        </td>
                     
                        <td>
                        <div style="border: 1px solid rgb(64, 119, 108); width: 220px; height: 100px;text-align: justify; overflow: auto;font-size:14px;">
                        <center><span style="border-bottom: 3px solid #E8E8E8;TEXT-ALIGN: center;-moz-border-radius: 0px 0px 45px 45px;border-radius: 0px 0px 45px 45px;-webkit-border-radius: 0px 0px 45px 45px;color:#544934;">INFORMATIONS
                        </span></center><br/>
                     
            Nous sommes en mois de Juin et le temps est ensoleillé!
            La température est tellement haute que les professeurs hésitent de faire cour en plein air.
            La rentrée n’est toujours pas divulguée auprès des élèves et des parents.
       
                        </div>
                            </td>
                        </tr>
                      </table>
         
                  </td>
                </tr>
            </table>

[Rikku-Chan]

Alors j'ai placé le code dans généralité, le problème de la page d'accueil qui n'était pas centré est réglé, l'histoire des boutons aussi ainsi que le truc des catégories aussi.

Un problème, il y a un espace entre la barre des liens et les cadres, et j'aimerai que dans le cadre entouré en rouge, j'aimerai qu'il y est seulement la barre de défilement du haut vers le bas et pas celle de droite a gauche.
Voici ce que sa me donne: https://i.servimg.com/u/f25/16/45/82/19/prob8810.jpg

Merci bien ^^

[Lixyr]

Tu peux réduire la marge en bas en rajoutant un margin dans ta table, comme ceci :

<table style="margin-bottom:-24px;">

pour ce qui est de la barre de défilement horizontale, tu peux la supprimer, en rajoutant ce code dans celui déjà utilisé :

overflow-x:hidden;

ce qui donne :

Code:

        <table style="margin-left:auto;margin-right:auto;" width="730" height="520" cellpadding="0" cellspacing="0" border="2">
              <tr>
                <td width="730" height="520" align="center">
               

  <table style="margin-bottom:-24px;">
                      <tr>
                          <td width="710"><img width="710" src="http://i24.servimg.com/u/f24/16/24/39/41/erttt_11.jpg">

                      <div id="menu">
                          <ul>
                            <li><a href="#">Administration</a>
                                <ul>
                                  <li><a href="#">Sous-item 1</a></li>
                                  <li><a href="#">Sous-item 2</a></li>
                                  <li><a href="#">Sous-item 3</a></li>
                                </ul>
                            </li>
                            <li><a href="#">Ecole</a>
                                <ul>
                                  <li><a href="#">Sous-item 1</a></li>
                                  <li><a href="#">Sous-item 2</a></li>
                                  <li><a href="#">Sous-item 3</a></li>
                                </ul>
                            </li>
                            <li><a href="#">Game</a>
                                <ul>
                                  <li><a href="#">Sous-item 1</a></li>
                                  <li><a href="#">Sous-item 2</a></li>
                                  <li><a href="#">Sous-item 3</a></li>
                                </ul>
                            </li>
                            <li><a href="#">Friends</a>
                                <ul>
                                  <li><a href="http://tokai.forums-actifs.net/t10-boutons-de-partenariat">Nous lier</a></li>
                                  <li><a href="http://tokai.forums-actifs.net/t8-nos-partenaires">Nos petits choux</a></li>
                                  <li><a href="http://tokai.forums-actifs.net/t7-formulaire-de-partenariat">Devenir partenaire</a></li>
                                </ul>
                            </li>
                          </ul>
                      </div>

    </td></tr></table>
                 
                      <table border="1">
                          <tr style="width: 720px;">
                            <td>
                                <div style="border: 1px solid rgb(64, 119, 108); width: 236px; height: 50px;">
                                <div style="text-align: center;" align="center">
                                  <a class="info"><img src="http://i25.servimg.com/u/f25/16/45/82/19/sed12.png"/>
                                  <span><img src="http://i25.servimg.com/u/f25/16/45/82/19/7yumik11.png"/>Fondatrice  et Directrice du Pensionnat Tokai.</span>
                                  </a>
                                </div>
                                </div>
                           
                                <div style="border: 1px solid rgb(64, 119, 108); width: 236px; height: 50px;">
                                <div style="text-align: center;" align="center">
                                  <a class="info"><img src="http://accessoires.sfr.fr/eshop/medias/manufacturers/smalls/EDENPARK-100x50.jpg" />
                                  <span>Votre texte de l'info bulle</span>
                                  </a>
                                </div>
                                </div>
                            </td>
                       
                            <td>
                            <div style="border: 1px solid rgb(64, 119, 108); width: 236px; height: 50px;">
                            <div style="text-align: center;" align="center">
                                <a class="info"><img src="http://accessoires.sfr.fr/eshop/medias/manufacturers/smalls/EDENPARK-100x50.jpg"/>
                                <span>Votre texte de l'info bulle</span>
                                </a>
                            </div>
                            </div>
                       
                            <div style="border: 1px solid rgb(64, 119, 108); width: 236px; height: 50px;">
                            <div style="text-align: center;" align="center">
                                <a class="info"><img src="http://accessoires.sfr.fr/eshop/medias/manufacturers/smalls/EDENPARK-100x50.jpg" />
                                <span>Votre texte de l'info bulle</span>
                                </a>
                                </div>
                                </div>
                            </td>
                       
                            <td>
                                <div style="border: 1px solid rgb(64, 119, 108); width: 220px; height: 100px;text-align: justify; overflow: auto;overflow-x:hidden;font-size:14px;">
                                  <center><span style="border-bottom: 3px solid #E8E8E8;TEXT-ALIGN: center;-moz-border-radius: 0px 0px 45px 45px;border-radius: 0px 0px 45px 45px;-webkit-border-radius: 0px 0px 45px 45px;color:#544934;">HISTOIRE
                                  </span></center><br/>
                BLABLABLABLA
                BLABLABLABLABLABLABLABLA BLA
                BLABLABLABLABLABLABLABLA
                BLABLABLABLABLABLABLABLA
                BLABLABLABLA
                BLABLABLABLA
                BLABLABLABLABLABLABLABLA
                BLABLABLABLA
                BLABLABLABLA
                BLABLABLABLA
                BLABLABLABLA
                BLABLABLABLA
                                </div>
                            </td>
                          </tr>
                     
                          <tr>
                            <td>
                                <div style="border: 1px solid rgb(64, 119, 108); width: 236px; height: 100px;text-align: justify;overflow: auto;font-size:14px;">
                                  <center><span style="border-bottom: 3px solid #E8E8E8;TEXT-ALIGN: center;-moz-border-radius: 0px 0px 45px 45px;border-radius: 0px 0px 45px 45px;-webkit-border-radius: 0px 0px 45px 45px;color:#544934;">RECHERCHE
                                  </span></center><br/>
                BLABLABLABLA
                BLABLABLABLABLABLABLABLA BLA
                BLABLABLABLABLABLABLABLA
                BLABLABLABLABLABLABLABLA
                BLABLABLABLA
                BLABLABLABLA
                BLABLABLABLABLABLABLABLA
                BLABLABLABLA
                BLABLABLABLA
                BLABLABLABLA
                BLABLABLABLA
                BLABLABLABLA
                                </div>
                            </td>
                       
                            <td>
                                <div style="border: 1px solid rgb(64, 119, 108); width: 236px; height: 100px;text-align: justify;overflow: auto;font-size:14px;">
                                  <center><span style="border-bottom: 3px solid #E8E8E8;TEXT-ALIGN: center;-moz-border-radius: 0px 0px 45px 45px;border-radius: 0px 0px 45px 45px;-webkit-border-radius: 0px 0px 45px 45px;color:#544934;">NOUVEAUTES
                                  </span></center><br/>
                BLABLABLABLA
                BLABLABLABLABLABLABLABLA BLA
                BLABLABLABLABLABLABLABLA
                BLABLABLABLABLABLABLABLA
                BLABLABLABLA
                BLABLABLABLA
                BLABLABLABLABLABLABLABLA
                BLABLABLABLA
                BLABLABLABLA
                BLABLABLABLA
                BLABLABLABLA
                BLABLABLABLA
                                </div>
                            </td>
                       
                            <td>
                                <div style="border: 1px solid rgb(64, 119, 108); width: 220px; height: 100px;text-align: justify;overflow: auto;font-size:14px;">
                                  <center><span style="border-bottom: 3px solid #E8E8E8;TEXT-ALIGN: center;-moz-border-radius: 0px 0px 45px 45px;border-radius: 0px 0px 45px 45px;-webkit-border-radius: 0px 0px 45px 45px;color:#544934;">EVENEMENTS
                                  </span></center>
                                  <br/>
                                  EN COURS: Aucun pour le moment.<br>
                                  <br>
                                  TERMINES: Idem.
                                </div>
                            </td>
                          </tr>

                          <tr>
                            <td>
                                <div style="width: 236px; height: 100px;">
                                <div style="text-align: center;" align="center">IMAGE
                                </div>
                                </div>
                            </td>
                            <td>
                                <div style="border: 1px solid rgb(64, 119, 108); width: 236px; height: 100px;text-align: justify;overflow: auto;font-size:14px;">
                                  <center><span style="border-bottom: 3px solid #E8E8E8;TEXT-ALIGN: center;-moz-border-radius: 0px 0px 45px 45px;border-radius: 0px 0px 45px 45px;-webkit-border-radius: 0px 0px 45px 45px;color:#544934;">TOP SITES
                                  </span></center><br/>
                             
                                  <center><img src="http://i25.servimg.com/u/f25/16/45/82/19/14441110.png" />
                                  <img src="http://i25.servimg.com/u/f25/16/45/82/19/58815310.png" />
                                  <img src="http://i25.servimg.com/u/f25/16/45/82/19/14441110.png" />
                                  <img src="http://i25.servimg.com/u/f25/16/45/82/19/58815310.png" />
                                  <img src="http://i25.servimg.com/u/f25/16/45/82/19/14441110.png" />
                                  <img src="http://i25.servimg.com/u/f25/16/45/82/19/58815310.png" />
                                  <br>
                                  Voter toutes les deux heures avec une intervalle de tente secondes pour que le forum s'agrandisse, merci.</center>
                                </div>
                            </td>
                       
                            <td>
                            <div style="border: 1px solid rgb(64, 119, 108); width: 220px; height: 100px;text-align: justify; overflow: auto;font-size:14px;">
                            <center><span style="border-bottom: 3px solid #E8E8E8;TEXT-ALIGN: center;-moz-border-radius: 0px 0px 45px 45px;border-radius: 0px 0px 45px 45px;-webkit-border-radius: 0px 0px 45px 45px;color:#544934;">INFORMATIONS
                            </span></center><br/>
                       
                Nous sommes en mois de Juin et le temps est ensoleillé!
                La température est tellement haute que les professeurs hésitent de faire cour en plein air.
                La rentrée n’est toujours pas divulguée auprès des élèves et des parents.
         
                            </div>
                                </td>
                            </tr>
                          </table>
           
                      </td>
                    </tr>
                </table>

*edit*

j'ai oublié d'enlever le border="1" dans le code avant d'envoyer :

</div>

</td></tr></table>

<table border="1">
<tr style="width: 720px;">
<td>
<div style="border: 1px solid rgb(64, 119, 108); width: 236px; height: 50px;">

sinon vous allez trouver votre cadre bizarre. x)

[Rikku-Chan]

J'ai placé le code et il y a encore des soucis =/
Le fait de la barre de défilement est réglé ainsi que l'espace. Mais, lorsque je vais sur l'infobulle, le texte est en italique, quand je passe sur mon image, il y a un trait blanc qui s'affiche juste en dessous de l'image; et la page d'accueil ne comporte pas un grand cadre mais deux, il y a deux cadres autour de la page d'accueil ainsi que dans les cadres.

Voici ce que ça me donne: https://i.servimg.com/u/f25/16/45/82/19/prob8910.jpg

Voici mon code dans généralité (a prendre celui ci pour faire des modification pas l'ancien code car là j'ai mis du contenu):

Spoiler:

Voici mon code css (a prendre celui ci pas l'ancien):

Spoiler:

Merci bien ^^

EDIT: Vous pouvez me mettre bien les codes avec les derniers codes que je vous ai donner s'il vous plait? ^^

[Lixyr]

Alors en retirant le border="1" ça retire une partir du problème.

Pour l'autre, ça se trouve dans le css :

a.info:hover{
z-index:25;
background-color:#FFF;
}

retirez ce que j'ai mis en rouge.


Voilà le tout :

PA :

Code:

    <table style="margin-left:auto;margin-right:auto;" width="730" height="520" cellpadding="0" cellspacing="0" border="2">
                  <tr>
                    <td width="730" height="520" align="center">
               

      <table style="margin-bottom:-24px;">
                          <tr>
                              <td width="710"><img width="710" src="http://i24.servimg.com/u/f24/16/24/39/41/erttt_11.jpg">

                          <div id="menu">
                              <ul>
                                <li><a href="#">Administration</a>
                                    <ul>
                                      <li><a href="#">Sous-item 1</a></li>
                                      <li><a href="#">Sous-item 2</a></li>
                                      <li><a href="#">Sous-item 3</a></li>
                                    </ul>
                                </li>
                                <li><a href="#">Ecole</a>
                                    <ul>
                                      <li><a href="#">Sous-item 1</a></li>
                                      <li><a href="#">Sous-item 2</a></li>
                                      <li><a href="#">Sous-item 3</a></li>
                                    </ul>
                                </li>
                                <li><a href="#">Game</a>
                                    <ul>
                                      <li><a href="#">Sous-item 1</a></li>
                                      <li><a href="#">Sous-item 2</a></li>
                                      <li><a href="#">Sous-item 3</a></li>
                                    </ul>
                                </li>
                                <li><a href="#">Friends</a>
                                    <ul>
                                      <li><a href="http://tokai.forums-actifs.net/t10-boutons-de-partenariat">Nous lier</a></li>
                                      <li><a href="http://tokai.forums-actifs.net/t8-nos-partenaires">Nos petits choux</a></li>
                                      <li><a href="http://tokai.forums-actifs.net/t7-formulaire-de-partenariat">Devenir partenaire</a></li>
                                    </ul>
                                </li>
                              </ul>
                          </div>

        </td></tr></table>
                 
                          <table>
                              <tr style="width: 720px;">
                                <td>
                                    <div style="border: 1px solid #726447; width: 236px; height: 50px;">
                                    <div style="text-align: center;" align="center">
                                      <a class="info"><img src="http://i25.servimg.com/u/f25/16/45/82/19/sed12.png"/>
                                      <span><center><img src="http://i25.servimg.com/u/f25/16/45/82/19/7yumik11.png"/><br>Isamu Feather<br>Fondatrice et Directrice du Pensionnat Tokai.</center></span>
                                      </a>
                                    </div>
                                    </div>
                           
                                    <div style="border: 1px solid #726447; width: 236px; height: 50px;">
                                    <div style="text-align: center;" align="center">
                                      <a class="info"><img src="http://i25.servimg.com/u/f25/16/45/82/19/rien11.png"/>
                                      <span><center>Vide</center></span>
                                      </a>
                                    </div>
                                    </div>
                                </td>
                       
                                <td>
                                <div style="border: 1px solid #726447; width: 236px; height: 50px;">
                                <div style="text-align: center;" align="center">
                                    <a class="info"><img src="http://i25.servimg.com/u/f25/16/45/82/19/rien11.png"/>
                                    <span><center>Vide</center></span>
                                    </a>
                                </div>
                                </div>
                       
                                <div style="border: 1px solid #726447; width: 236px; height: 50px;">
                                <div style="text-align: center;" align="center">
                                    <a class="info"><img src="http://i25.servimg.com/u/f25/16/45/82/19/rien11.png" />
                                    <span><center>Vide</center></span>
                                    </a>
                                    </div>
                                    </div>
                                </td>
                       
                                <td>
                                    <div style="border: 1px solid #726447; width: 220px; height: 100px;text-align: justify; overflow: auto;overflow-x:hidden;font-size:14px;">
                                      <center><span style="border-bottom: 3px solid #E8E8E8;TEXT-ALIGN: center;-moz-border-radius: 0px 0px 45px 45px;border-radius: 0px 0px 45px 45px;-webkit-border-radius: 0px 0px 45px 45px;color:#544934;">HISTOIRE
                                      </span></center><br/>
                    BLABLABLABLA
                    BLABLABLABLABLABLABLABLA BLA
                    BLABLABLABLABLABLABLABLA
                    BLABLABLABLABLABLABLABLA
                    BLABLABLABLA
                    BLABLABLABLA
                    BLABLABLABLABLABLABLABLA
                    BLABLABLABLA
                    BLABLABLABLA
                    BLABLABLABLA
                    BLABLABLABLA
                    BLABLABLABLA
                                    </div>
                                </td>
                              </tr>
                     
                              <tr>
                                <td>
                                    <div style="border: 1px solid #726447; width: 236px; height: 100px;text-align: justify;overflow: auto;font-size:14px;">
                                      <center><span style="border-bottom: 3px solid #E8E8E8;TEXT-ALIGN: center;-moz-border-radius: 0px 0px 45px 45px;border-radius: 0px 0px 45px 45px;-webkit-border-radius: 0px 0px 45px 45px;color:#544934;">RECHERCHE
                                      </span></center><br/>
                    BLABLABLABLA
                    BLABLABLABLABLABLABLABLA BLA
                    BLABLABLABLABLABLABLABLA
                    BLABLABLABLABLABLABLABLA
                    BLABLABLABLA
                    BLABLABLABLA
                    BLABLABLABLABLABLABLABLA
                    BLABLABLABLA
                    BLABLABLABLA
                    BLABLABLABLA
                    BLABLABLABLA
                    BLABLABLABLA
                                    </div>
                                </td>
                       
                                <td>
                                    <div style="border: 1px solid #726447; width: 236px; height: 100px;text-align: justify;overflow: auto;font-size:14px;">
                                      <center><span style="border-bottom: 3px solid #E8E8E8;TEXT-ALIGN: center;-moz-border-radius: 0px 0px 45px 45px;border-radius: 0px 0px 45px 45px;-webkit-border-radius: 0px 0px 45px 45px;color:#544934;">NOUVEAUTES
                                      </span></center><br/>
                    BLABLABLABLA
                    BLABLABLABLABLABLABLABLA BLA
                    BLABLABLABLABLABLABLABLA
                    BLABLABLABLABLABLABLABLA
                    BLABLABLABLA
                    BLABLABLABLA
                    BLABLABLABLABLABLABLABLA
                    BLABLABLABLA
                    BLABLABLABLA
                    BLABLABLABLA
                    BLABLABLABLA
                    BLABLABLABLA
                                    </div>
                                </td>
                       
                                <td>
                                    <div style="border: 1px solid #726447; width: 220px; height: 100px;text-align: justify;overflow: auto;font-size:14px;">
                                      <center><span style="border-bottom: 3px solid #E8E8E8;TEXT-ALIGN: center;-moz-border-radius: 0px 0px 45px 45px;border-radius: 0px 0px 45px 45px;-webkit-border-radius: 0px 0px 45px 45px;color:#544934;">EVENEMENTS
                                      </span></center>
                                      <br/>
                                      EN COURS: Aucun pour le moment.<br>
                                      <br>
                                      TERMINES: Idem.
                                    </div>
                                </td>
                              </tr>

                              <tr>
                                <td>
                                    <div style="width: 236px; height: 100px;">
                                    <div style="text-align: center;" align="center"><img src="http://i25.servimg.com/u/f25/16/45/82/19/zerty11.png"/>
                                    </div>
                                    </div>
                                </td>
                                <td>
                                    <div style="border: 1px solid #726447; width: 236px; height: 100px;text-align: justify;overflow: auto;font-size:14px;">
                                      <center><span style="border-bottom: 3px solid #E8E8E8;TEXT-ALIGN: center;-moz-border-radius: 0px 0px 45px 45px;border-radius: 0px 0px 45px 45px;-webkit-border-radius: 0px 0px 45px 45px;color:#544934;">TOP SITES
                                      </span></center><br/>
                             
                                      <center><img src="http://i25.servimg.com/u/f25/16/45/82/19/14441110.png" />
                                      <img src="http://i25.servimg.com/u/f25/16/45/82/19/58815310.png" />
                                      <img src="http://i25.servimg.com/u/f25/16/45/82/19/14441110.png" />
                                      <img src="http://i25.servimg.com/u/f25/16/45/82/19/58815310.png" />
                                      <img src="http://i25.servimg.com/u/f25/16/45/82/19/14441110.png" />
                                      <img src="http://i25.servimg.com/u/f25/16/45/82/19/58815310.png" />
                                      <br>
                                      Voter toutes les deux heures avec une intervalle de tente secondes pour que le forum s'agrandisse, merci.</center>
                                    </div>
                                </td>
                       
                                <td>
                                <div style="border: 1px solid #726447; width: 220px; height: 100px;text-align: justify; overflow: auto;font-size:14px;">
                                <center><span style="border-bottom: 3px solid #E8E8E8;TEXT-ALIGN: center;-moz-border-radius: 0px 0px 45px 45px;border-radius: 0px 0px 45px 45px;-webkit-border-radius: 0px 0px 45px 45px;color:#544934;">INFORMATIONS
                                </span></center><br/>
                       
                    Nous sommes en mois de Juin et le temps est ensoleillé!
                    La température est tellement haute que les professeurs hésitent de faire cour en plein air.
                    La rentrée n’est toujours pas divulguée auprès des élèves et des parents.
         
                                </div>
                                    </td>
                                </tr>
                              </table>
           
                          </td>
                        </tr>
                    </table>

CSS :

Code:

    a {
    text-decoration:none;
    }
    a:link {text-decoration: none;}
    a:hover{text-decoration: none !important;}
    a:active
    {
    text-decoration: none;
    }

    a:hover { /* enlever les soulignements des liens */
    text-decoration: none !important;
    }

    .postdetails.poster-profile a img {
    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-bottomright:10px;
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:10px;
    border: 5px solid #7A7575;
    }

    .postdetails.poster-profile a img {
            -moz-border-radius: 10px;
            border: 2px solid #A3926D;
            padding: 2px;
    }

    a { /* lien en petites majuscules */
    font-variant: small-caps;
    }

    .postbody, td.row1 span.gensmall { /* justifier les posts */
    text-align: justify !important;
    display: block;
    }

    textarea, .textarea.post, input.post {
    -moz-border-radius:10px;
    -webkit-border-radius: 10px;
    }

    function ejs_nodroit() { alert('Le clic droit est interdit !!!'); return(false); } document.oncontextmenu = ejs_nodroit;

    .postdetails.poster-profile a img {
    margin: auto;
    display: block;
    margin-bottom: -10px;
    }

    a:hover {
    cursor:crosshair;
    }

    .forumlink br{ /* supprimer l'espace entre le titre et la description des catégories */
      display:none;
    }

    .bodyline > table br{ /*supprimer l'espace entre la bannière */
        display:none;
    }

    textarea, .textarea.post, input.post { /* arrondir les coins zones */
    -moz-border-radius:10px;
    -webkit-border-radius: 10px;
    }

    table.bodylinewidth { /* supprimer la marge (?) en haut du forum */
    position: relative;
    top: -9px;
    }

    .postdetails img { /* redimension automatique de la taille des avatars */
    max-width: 200px;
    max-height: 400px;
    }

    .kael_last_post /* -- Partie des derniers messages de la box -- */
    {
    background-color:#D1D0AF;
    -moz-border-radius:10px 10px 0px 0px; /* -- On arrondit seulement les coins du haut pour que l'effet de boîte fonctionne -- */
    border-top:1px solid #A2916C;
    border-left:1px solid #A2916C;
    border-right:1px solid #A2916C;
    padding:2px;
    }

    .kael_messages_postes /* -- Partie des messages&sujets postés de la box -- */
    {
    -moz-border-radius:0px 0px 10px 10px;  /* -- On arrondit seulement les coins du bas pour que l'effet fonctionne -- */
    background-color:#E8E8E8;
    font-size:10px;
    padding:2px;
    color:white;
    border-top:1px solid #A2916C;
    border-left:1px solid #A2916C;
    border-right:1px solid #A2916C;

    }

    .opacity img {
    filter:alpha(opacity=50);
    -moz-opacity:0.5;opacity: 0.5;
    }

    .opacity img:hover {
    filter:alpha(opacity=100);
    -moz-opacity:1;opacity: 1;
    }


    .mon_onglet{
      display: block;
      padding: 5px;
      margin: 4px;
      color: #000;
      background: #ffffff;
      border: 1px solid #ff0000;
    }
    .mon_onglet:hover{
      background: #b8efa1;
    }   
    .mon_onglet_selected{
      display: block;
      padding: 5px;
      margin: 4px;
      color: #000;
      background: #ffffff;
      border: 1px solid #ff0000;
    }     
    .clear{
      clear: both;
    }
    .mon_contenu{
      color: #000;
      background: #ffffff;
      border: 1px solid #ff0000;
      padding: 10px;
      margin: 10 px;
      height: 120px;}
    #mes_contenus, #mes_onglets{
      height: 100%;
      width:100%;}

    a {
    text-decoration:none;
    }
    a:link {text-decoration: none;}
    a:hover{text-decoration: none !important;}
    a:active
    {
    text-decoration: none;
    }

    a:hover { /* enlever les soulignements des liens */
    text-decoration: none !important;
    }

    .postdetails.poster-profile a img {
    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-bottomright:10px;
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:10px;
    border: 5px solid #7A7575;
    }

    .postdetails.poster-profile a img {
            -moz-border-radius: 10px;
            border: 2px solid #A3926D;
            padding: 2px;
    }

    a { /* lien en petites majuscules */
    font-variant: small-caps;
    }

    .postbody, td.row1 span.gensmall { /* justifier les posts */
    text-align: justify !important;
    display: block;
    }

    textarea, .textarea.post, input.post {
    -moz-border-radius:10px;
    -webkit-border-radius: 10px;
    }

    function ejs_nodroit() { alert('Le clic droit est interdit !!!'); return(false); } document.oncontextmenu = ejs_nodroit;

    .postdetails.poster-profile a img {
    margin: auto;
    display: block;
    margin-bottom: -10px;
    }

    a:hover {
    cursor:crosshair;
    }

    .forumlink br{ /* supprimer l'espace entre le titre et la description des catégories */
      display:none;
    }

    .bodyline > table br{ /*supprimer l'espace entre la bannière */
        display:none;
    }

    textarea, .textarea.post, input.post { /* arrondir les coins zones */
    -moz-border-radius:10px;
    -webkit-border-radius: 10px;
    }

    table.bodylinewidth { /* supprimer la marge (?) en haut du forum */
    position: relative;
    top: -9px;
    }

    .postdetails img { /* redimension automatique de la taille des avatars */
    max-width: 200px;
    max-height: 400px;
    }

    .kael_last_post /* -- Partie des derniers messages de la box -- */
    {
    background-color:#D1D0AF;
    -moz-border-radius:10px 10px 0px 0px; /* -- On arrondit seulement les coins du haut pour que l'effet de boîte fonctionne -- */
    border-top:1px solid #A2916C;
    border-left:1px solid #A2916C;
    border-right:1px solid #A2916C;
    padding:2px;
    }

    .kael_messages_postes /* -- Partie des messages&sujets postés de la box -- */
    {
    -moz-border-radius:0px 0px 10px 10px;  /* -- On arrondit seulement les coins du bas pour que l'effet fonctionne -- */
    background-color:#E8E8E8;
    font-size:10px;
    padding:2px;
    color:white;
    border-top:1px solid #A2916C;
    border-left:1px solid #A2916C;
    border-right:1px solid #A2916C;
    border-bottom:2px solid #A2916C;
    }

    .opacity img {
    filter:alpha(opacity=50);
    -moz-opacity:0.5;opacity: 0.5;
    }

    .opacity img:hover {
    filter:alpha(opacity=100);
    -moz-opacity:1;opacity: 1;
    }


    .mon_onglet{
      display: block;
      padding: 5px;
      margin: 4px;
      color: #000;
      background: #ffffff;
      border: 1px solid #ff0000;
    }
    .mon_onglet:hover{
      background: #b8efa1;
    } 
    .mon_onglet_selected{
      display: block;
      padding: 5px;
      margin: 4px;
      color: #000;
      background: #ffffff;
      border: 1px solid #ff0000;
    }   
    .clear{
      clear: both;
    }
    .mon_contenu{
      color: #000;
      background: #ffffff;
      border: 1px solid #ff0000;
      padding: 10px;
      margin: 10 px;
      height: 120px;}
    #mes_contenus, #mes_onglets{
      height: 100%;
      width:100%;}

    a.info{
    position:relative;
    z-index: 24;
    color:#D9D8B9;
    text-decoration:none;
    }
   
    a.info:hover{
    z-index:25;

    }
   
    a.info span{
    display: none;
    }
   
    a.info:hover span{
    display:block;
    position:absolute;
    top:2em; left:2em; width:10em;
    border:1px solid #E8E8E8;
    background-color:#E8E8E8;
    color:#000000;
    text-align: justify;
    font-weight:none;
    padding:5px;
    font-size: 11px;
    }
    #menu ul {
    positon: relative;
    z-index: 999;
    margin:0;
    padding:0;
    list-style-type:none;
    text-align:center;
    }
    #menu li {
    float:left;
    margin:auto;
    padding:0;
    background-color:#D9D8B9;
    font-size: 12px;
    }
    #menu li a {
    position: relative;
    z-index: 999;
    display:block;
    width:177px;
    color:#544934;
    text-decoration:none;
    padding:0px;
    font-size: 12px;
    }
    #menu li a:hover {
    color:#97845E;
    }

    #menu ul li ul {
    display:none;
    }
    #menu ul li:hover ul {
    display:block;
    }
    #menu li:hover ul li {
    float:none;
    }
    #menu li ul {
    position:absolute;
    }
    #menu {
    height:35px;
    }
    .titre {
    border-bottom: 2px solid #E8E8E8;
    TEXT-ALIGN: center;
    -moz-border-radius: 0px 0px 45px 45px;
    border-radius: 0px 0px 45px 45px;
    -webkit-border-radius: 0px 0px 45px 45px;
    color:#E8E8E8;}




[Rikku-Chan]

J'ai placé le code, c'est tout bon, a part pour l'italique, comment faire pour enlever l'italique dans le texte de l'infobulle? ^^

Merci bien ^^

[Lixyr]

Ah vui pardon, j'avais oublié.

Cherchez ce passage dans le css:

Code:

        a.info:hover span{
        display:block;
        position:absolute;
        top:2em; left:2em; width:10em;
        border:1px solid #E8E8E8;
        background-color:#E8E8E8;
        color:#000000;
        text-align: justify;
        font-weight:none;
        padding:5px;
        font-size: 11px;
        }

c'est la partie qui gère ce qui s'affiche au passage de la souris.
Rajoutez ceci :

Code:

        font-style:normal;

[Rikku-Chan]

Merchi beaucoup!!!!!!! ='D

Ca fonctionne! ='D
Merci encore et désolé du dérangement ^^'

Merchi encore
Vous pouvez archiver la demande ^^

[Lixyr]

Je suis là pour ça. ^^
Ravie d'avoir pu aider.

[Rikku-Chan]

Merci ^^