Problème d'affichage de la page d'accueil

[Mandrell]

Bonjour tout le monde !

Hier j'ai installé un nouveau design sur mon forum. J'n'avais rencontré aucun problème, tout me semblait parfait cependant, quand j'ai changé quelques particularités dans ma fiche CSS, la page d'accueil a été un peu décalée en plus, le fond du forum n'apparait plus ni dans le tableau de la page d'accueil ni dans la partie QEEL comme c'est le cas pour le reste du forum.

Voici l'adresse de mon forum : http://ile-de-veles.forumactif.com/forum

Et la partie CSS de la page d'accueil que j'ai modifié



Code:


/*PA */

a:link {
color:#801a4d;
text-decoration: none;
}

a {
color:#555555;
text-decoration: none;
}

a#c3l:link {
text-align:center;
}

.tstaff{
 background-image: url("http://img4.hostingpics.net/pics/970038fond.png");
font-size:1em;
}

.thumbnail{
position: relative;
z-index: 0;
border:0px solid #801a4d;
padding-top:3px;
padding-left:3px;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{
position: absolute;
background-color:#000000;
padding: 5px;
left: -1000px;
border: 1px groove #801a4d;
visibility: hidden;
color: #FFFFFF;
text-decoration: none;
text-align: center;
}

.thumbnail span img{
border: 1px groove;
padding: 2px;
}

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

a.imag{
position: relative;
z-index: 1;
}
a.imag:hover{
cursor: help;
z-index: 2;
}
a.imag span{
display: none;
}
a.img:hover span{
display:block;
position:absolute;
z-index: 3;
top: 1px;
left: -20px;
}

.onglet{
font-family: Verdana;
font-weight: bold;
color : #801a4d;
                display:inline-block;
       
                margin-right:6px;
                padding:6px;
                border:3px solid #6e3030;
                cursor:pointer;
-moz-border-radius: 10px 0px 10px 0px;
-webkit-border-radius: 10px 0px 10px 0px;
border-radius: 10px 0px 10px 0px;;
}

.contenu_onglet{
 background-image: url("http://img4.hostingpics.net/pics/970038fond.png");
margin-top:0px;
margin-bottom:5px;
margin-right:2px;
margin-left:2px;
padding-left:15px;
padding-right:15px;
padding-top:10px;
padding-bottom:10px;
font-size:12px;
font-style:normal;
display:none;
height:250px;
width:400px;
overflow:auto;
-moz-border-radius:20px 20px 20px 20px;
-webkit-border-radius:20px 20px 20px 20px;
border:1px solid #3F484D;
text-align:justify;
color:#6e3030;
}

.contexte {
 background-image: url("http://img4.hostingpics.net/pics/970038fond.png");
height: 100px;
overflow: auto;
color:#6e3030;
text-align:justify;
padding-right:10px;
}

.contexte1 {
border:#3F484D solid 1px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
padding-left:5px;
}

.stafat {
border:#6e3030 solid 1px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
}

.partenaire {
 background-image: url("http://img4.hostingpics.net/pics/970038fond.png");
text-align: center;
color: #6e3030;
border:#3F484D solid 1px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
padding-left:20px;
padding-right:20px;
padding-bottom:10px;
}

.partenaire1 {
padding-right:20px;
}

.topsites {
text-align: center;
color: #ffffff;
border:#3F484D solid 1px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
padding-left:20px;
padding-right:20px;
padding-bottom:10px;
}

.referencement {
text-align: center;
color: #ffffff;
border:#3F484D solid 1px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
padding-left:20px;
padding-right:20px;
padding-bottom:10px;
}

.copyright {
text-align: right;
color: #ffffff;
padding-right:10px;
}

.vous {
width:100px;
height:26px;
}

.cadre {
{background-color: #998464;
padding:3px;
border:2px solid #968d8d;
-moz-border-radius: 5px;}
border:1px #3F484D solid ;
-moz-border-radius:8px;
-webkit-border-radius:8px;
width:76px;
height:56px;
text-align: center;
}

#lien img{
background-color: #07040e;
border: 3px solid #968d8d;
padding: 5px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10;
-moz-border-radius-topright:10;
}

.mini-avatar{
    background:#801a4d;
    -moz-border-radius:0 0 5px 5px;
    -webkit-border-radius:0 0 5px 5px;
}

#lien .thumbnail .tstaff img{
    border:none;
}

#bienvenue {
 background-image: url("http://img4.hostingpics.net/pics/970038fond.png");
font-family: Verdana;
font-size: 36px;
color:#801a4d;
padding:5px;
text-align:center;
}

#screc {
overflow: auto;
}


Merci d'avance!
Mandrell.

[Anzu]

Bonsoir,

Il me faudrait le code de votre PA

Cordialement.

[Mandrell]

Bonsoir !

J'suis désolée de n'avoir pas pensé aux codes html de ma PA ><



Code:

  <tr>
 <td width="815" class="stafat">
  <div id="bienvenue">
                Bienvenue {USERNAME}!
</div>
 </td>
  </tr>
</table>
<table width="800">
    <tr>
        <td width="400" class="stafat">
            <table class="mini-avatar" cellspacing="0" id="lien">
                <tr>
                    <center><img src="http://img4.hostingpics.net/pics/281678staff.png"></center>
                    <td>
                        <div class="thumbnail">
                            <img src="http://i25.servimg.com/u/f25/14/85/65/34/eze10.png" border="0">
        <span>
                <div class="tstaff">
            <img src="http://i25.servimg.com/u/f25/14/85/65/34/ezepix10.png" border="0">
                                    <font color=#FF8403><b>Ezerial Whites</b></font><br>
                                    <a href="http://ile-de-veles.forumactif.com/fiches-des-personnages-f11/ezerial-whitesadmin-t11.htm">Fiche</a> - <a href="http://ile-de-veles.forumactif.com/msg.forum?mode=post&u=2">MP</a>
                                </div>
                            </span>
                        </div>
                    </td>
                <td>  <div class="thumbnail">
                    <img src="http://i25.servimg.com/u/f25/14/85/65/34/mort_c10.png" border="0">
                            <span>
                                <div class="tstaff">
                                    <img src="http://i25.servimg.com/u/f25/14/85/65/34/mortpi10.png" border="0">
                                    <font color=#FF8403><b>Mörtün MacNeil</b></font><br>

                                    <a href="http://ile-de-veles.forumactif.com/fiches-des-personnages-f11/mortun-macneil-admin-t20.htm">Fiche</a> - <a href="http://ile-de-veles.forumactif.com/msg.forum?mode=post&u=3">MP</a>
                                </div>
                            </span>
                        </div>
                    </td>
                <td>
                        <div class="thumbnail">
                            <img src="http://i25.servimg.com/u/f25/14/85/65/34/amb10.png" border="0">
                            <span>
                                <div class="tstaff">
                                    <img src="http://i25.servimg.com/u/f25/14/85/65/34/ambpix10.png" border="0">
                                    <font color=#FF8403><b>Ambrus Tavho</b></font><br>
                                    <a href="http://ile-de-veles.forumactif.com/scientifiques-ou-savants-fous-ou-personnels-de-sante-f19/ambrus-tavho-t35.htm">Fiche</a> - <a href="http://ile-de-veles.forumactif.com/msg.forum?mode=post&u=7">MP</a>
                                </div>
                            </span>
                        </div>
                    </td>
               
                    <td>
                        <div class="thumbnail">
                            <img src="http://i25.servimg.com/u/f25/14/85/65/34/fea10.png" border="0">
                            <span>
                                <div class="tstaff">
                                    <img src="http://i25.servimg.com/u/f25/14/85/65/34/feapix10.png" border="0">
                                    <font color=#FF8403><b>Feanor Stein</b></font><br>
                                    <a href="http://ile-de-veles.forumactif.com/victimes-f17/feanor-stein-t36.htm">Fiche</a> - <a href="http://ile-de-veles.forumactif.com/msg.forum?mode=post&u=8">MP</a>
                                </div>
                            </span>
                        </div>
                    </td>
                </tr>
            </table>
        </td>
   
        <td width="400" rowspan=2>
            <table>
                <tr>
                    <td width="400" vAlign="top"><br>
                        <div class="gensmall">
                            <script language="Javascript" type="text/javascript" SRC="http://www.atelier-forum.com/Script-onglet-survol-h23.htm"></script>
                        </div>
                        <center>
                            <span class="onglet_0 onglet" id="onglet_drh" onmouseover="javascript:change_onglet('drh');">Le forum</span>
                            <span class="onglet_0 onglet" id="onglet_drh1" onmouseover="javascript:change_onglet('drh1');">Utilités</span>
                            <span class="onglet_0 onglet" id="onglet_drh2" onmouseover="javascript:change_onglet('drh2');">Les PVs</span>
                            <span class="onglet_0 onglet" id="onglet_drh3" onmouseover="javascript:change_onglet('drh3');">Crédits</span>
                        </center>
                    </td>
                </tr>
           
                <tr>
                    <td width="400">
                        <div class="contenu_onglet" id="contenu_onglet_drh">
                            <div align="center"><br><div id="screc">
                    | <a href="#"> Règlements </a><img src="http://ile-de-veles.forumactif.com/reglement-f1/les-reglements-generales-t12.htm">
                              <br> | <a href="#"> Contexte général </a><img src="http://ile-de-veles.forumactif.com/le-contexte-f3/le-contexte-general-t13.htm">
                              | <a href="#"> La direction </a><img src="http://ile-de-veles.forumactif.com/le-contexte-f3/la-direction-t14.htm">
                             
 | <a href="#"> Les employés de l'île </a><img src="http://ile-de-veles.forumactif.com/le-contexte-f3/les-employes-de-l-ile-t18.htm">
                              <br> | <a href="#"> Les hybrides </a><img src="http://ile-de-veles.forumactif.com/le-contexte-f3/les-hybrides-t17.htm">
                              | <a href="#"> Les savants fous </a><img src="http://ile-de-veles.forumactif.com/le-contexte-f3/le-personnel-medical-y-compris-les-savants-fous-t16.htm">
                             
 | <a href="#"> Les victimes </a><img src="http://ile-de-veles.forumactif.com/le-contexte-f3/les-humains-les-victimes-t15.htm"> <br><br></div>
                            </div>Notre forum :
L'île de Vélès est un forum RP YAOI NC-18. (Cela évoque des relations homosexuelles entre deux hommes à caractère explicite) Vous voila avertis. Si vous êtes mineur et que le contexte vous intéresse, veuillez envoyez un mp à l'un des amins. Mais veuillez s'il vous plait être honnête envers nous et envers vous-même concernant ce point qu'on juge primordial. Homophobes vous êtes priés de cliquer sur la petite croix rouge de votre page.
"Soyez créatif dans la création de votre personnage car on impose aucune limite tant que vous respectiez le règlement."

Nos demandes :
"On demande un niveau moyen. Vous n'êtes pas obligé d'être des as de l'orthographe mais faites tout de même attention à vos écrits et surtout RELISEZ VOUS! Concernant le nombre de lignes, c'est 15 lignes minimum par post. Si vous êtes à court d'idées, faites un peu de description^^"

On demande aussi une bonne ambiance sur notre forum que ce soit dans vos rps ou dans les parties flood. N'oubliez pas qu'il y a une chatbox mise à votre disposition. N'hésitez pas à venir faire un coucou^^
                                </div>
                            </div>
                        </div>
                   
                        <div class="contenu_onglet" id="contenu_onglet_drh1">
                            <div align="center"><br><div id="screc">
                  <a class="liens_pa" href="http://ile-de-veles.forumactif.com/demande-de-rang-f38/">Demande de rang</a> |
      <a class="liens_pa" href="http://ile-de-veles.forumactif.com/fiches-des-personnages-f11/fiche-type-t9.htm">Fiche Type</a> |
      <a class="liens_pa" href="http://ile-de-veles.forumactif.com/demande-d-habitation-f39/">Demande d'habitation</a> |
      <a class="liens_pa" href="http://ile-de-veles.forumactif.com/questions-et-suggestions-f4/">Questions ou suggestions?</a> |
      <a class="liens_pa" href="http://ile-de-veles.forumactif.com/demande-de-rang-f38/listes-de-rangs-possibles-t61.htm">Liste des rangs possibles</a> <br><br>

  Utilités : <br>
      <i>Vous avez lu le contexte ainsi que le règlement? Vous l'avez signé?! Suivez donc les liens ci-dessus pour vous guider vers les tâches à faire avant de commencer à jouer. Vous pouvez demander un rang qui se trouve dans la liste aménagée par les admins sinon vous pouvez faire fonctionner votre imagination! Veuillez juste vous intéresser à d'autres groupes qui manquent cruellement de membres.</i> <br>
      <br><br>

    Questions !
    <i>Si vous avez une question concernant quelque chose que vous n'avez pas compris soit dans le contexte ou autre, veuillez nous laisser un message. Cette partie est ouverte pour les invités donc soyez pas timides et faites nous part de vos questions comme vos suggestions! Elles seront les bienvenues!"</i><br><br>
                                </div>
                            </div>
                        </div>
                   
                        <div class="contenu_onglet" id="contenu_onglet_drh2">
                            <div align="center"><br><div id="screc">
                                <table>
                                  <tr>
                                  <marquee direction="left" onmouseover=this.stop(); onmouseout=this.start();  scrollamount="2"><img src="http://i35.servimg.com/u/f35/14/85/65/34/cim10.png" class="images">
      <img src="http://i35.servimg.com/u/f35/14/85/65/34/cyd10.png" class="images">
      <img src="http://i35.servimg.com/u/f35/14/85/65/34/doc110.png" class="images">
      <img src="http://i35.servimg.com/u/f35/14/85/65/34/doc210.png" class="images"> <br>
            <img src="http://i35.servimg.com/u/f35/14/85/65/34/hyb10.png" class="images">
      <img src="http://i35.servimg.com/u/f35/14/85/65/34/jar10.png" class="images">
      <img src="http://i35.servimg.com/u/f35/14/85/65/34/vic10.png" class="images">
      <img src="http://i35.servimg.com/u/f35/14/85/65/34/body10.png" class="images"></marquee>
      <p align="center">
  </tr>
                                </table><br/>
                                <a id="c3l" href="http://ile-de-veles.forumactif.com/personnages-predefinis-f45/">Personnages prédéfinis</a>|<a id="c3l" href="http://ile-de-veles.forumactif.com/avatar-pris-f63/">Avatars Pris</a>
                              </div>
                            </div>
                        </div>
                   
                        <div class="contenu_onglet" id="contenu_onglet_drh3">
                            <div align="center"><br><div id="screc">
                                Ce forum est le résultat de plusieurs jours de travail acharné des deux admins donc je vous prie de ne rien copier. Respectez le travail des autres<br><br>
      <b>Le contexte et le règlement</b> Mise en ordre par les deux fondateurs : Ezerial Whites et Mörtün MacNeil.<br><br>
      <b>le design</b> Des images choisies par les deux fondateurs travaillés par Mörtün (merci Photoshop d'avoir pu me laisser faire le travail sans plantage).
<br> Images par "Ecthelian" ainsi que Satisfation RobotKill. La police utilisée dans la bannière, la barre de navigation ainsi que les boutons est "A Charming Font Superexpanded". La fiche de présentation et la fiche de partenariat sont par Mörtün MacNeil. Les codes sur le forums sont par Mörtün MacNeil <br><br><br>
      <b>Les vacants</b> sortent de l'imagination des fondateurs.<br>
      <a href="http://sos-rpg.4rumer.com"><img src="http://i64.servimg.com/u/f64/13/34/36/27/1003510.jpg"></a><br><br>
      Merci donc de respecter notre travail comme nous respectons le votre. Je le répète le plagiat est puni par la loi.
                                </div>
                            </div>
                        </div>

                        <script type="text/javascript">
                        //<!--
                        var anc_onglet = 'drh';
                        change_onglet(anc_onglet);
                        //-->
                        </script>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
 
    <tr>
        <td width="400" class="contexte1">
            <center><img src="http://img4.hostingpics.net/pics/411600contexte.png"></center>
            <div class="contexte">
                L’humain est un vrai mystère, qui pourra dire le contraire ? Des personnes dans le passé avaient consacré la totalité de leur vie à essayer de décrypter les gestes de l’un, la pensée de l’autre avant de s’intéresser à d’autre genre de question : La vie et la mort. Néanmoins, il n'y a pas juste les grands penseurs de l’histoire qui se sont focalisés dessus. Il y a vingt-cinq ans, un certain Ulrich Whites avait voulu avoir une réponse concrète à cette question tout en utilisant des moyens qui avaient la possibilité de répondre à ses espérances. De longues recherches personnelles eurent lieu et ce n'est que cinq ans plus tard qu'il les mit en place dans un petit village.
                <a href="http://ile-de-veles.forumactif.com/le-contexte-f3/le-contexte-general-t13.htm">Lire la suite ...</a>
            </div>
        </td>
    </tr>
<tr> <td colspan=2 class="partenaire">   
            <table>
                <tr>
 <td width="700"><img src="http://img4.hostingpics.net/pics/894858parte.png"></td><br>
                    <td width="100" class="vous">
                        <a class="imag" href="http://ile-de-veles.forumactif.com/demande-de-partenariat-f51/" alt="Et vous ?" title="Et vous ?">
                            <img border="0" alt="Partenaires"<img style="border: 3px solid #998464; -moz-border-radius: 10px 0px 10px 0px; -webkit-border-radius: 10px 0px 10px 0px; border-radius: 10px 0px 10px 0px;" src="http://img11.hostingpics.net/pics/441712img.gif" />
                        </a>
                    </td>
                </tr>
              <tr>
                    <td colspan="2" class="partenaire1">
                      <font color="#FFFFFF">
                            <marquee><a href="http://oishiistudio.forumactif.com">
                            <img src="http://s2.noelshack.com/old/up/oishiiiii_100x35-ac6ef47d18.png"></a>
                            <a href="http://69ruedugaie.forumactif.com/index.htm">
                            <img src="http://moe.mabul.org/up/moe/2010/06/20/img-1642418x5gl.jpg"></a>  <a href="http://avescity-yaoi.my-rpg.com"><img src="http://i61.servimg.com/u/f61/13/31/45/40/logobi10.jpg"></a>
                            <a href="http://victoriastone.forumsactifs.com/forum.htm"><img src="http://i66.servimg.com/u/f66/11/66/37/71/vas10.png"></a>
                            <a href="http://ville-d-anejou.forumsactifs.net/"><img src="http://moe.mabul.org/up/moe/2009/04/19/img-1930001i145.png"></a><a href="http://venisesombre.forumactif.org/index.htm">
      <img src="http://i60.servimg.com/u/f60/14/00/23/57/logo211.jpg"></a><a href="http://croisiere-rpg.forumactif.com/forum.htm">
      <img src="http://nsa14.casimages.com/img/2010/03/02/100302065842730358.png"></a><img src="http://www.monsterup.com/upload/127184476883.png"></a>
<a href="http://lyceeothelo.1fr1.net"> </marquee></font>
      </td>  </table>


J'ai mentionné les codes CSS dans le premier poste.
Merci.

[Anzu]

Il manque un premier table dans votre code. Votre premier tr se balade tout seul
Donc rajoutez <table>, ca devrait corriger le bug

[Mandrell]

Ah ouiiiiii c'est vrai !! Je n'ai pas fait attention ><

Merciii infiniment ! Mon problème absurde est dont résolu xD