Problème d'alignement sur la page d'accueil

[Aely]

Bonjour!
J'ai installé aujourd'hui une nouvelle page d'accueil sur mon forum. C'est une PA basique parce que je ne suis pas très douée en la matière. Ce qui est bizarre en revanche c'est que sur mon forum d'essai, tout s'affiche correctement: http://essai-fofo-design.forumgratuit.org/
Alors que sur le 'vrai' forum que j'ai ouvert il n'y a pas longtemps, les images des "Recherchés" sont décalées quelque soit le navigateur ce qui décale les différents parties de la PA.: http://elmenor.forumgratuit.org/. J'ai essayé sur chrome, mozilla et IE, l'endroit des images varie mais le problème reste là.
Est ce que vous auriez une idée d'où pourrait venir le problème?

En attendant voici le code HTML:

Code:

<table width="100%" cellspacing="10"><div id="accueil">
  <div class="news">
      <h2 class="accueilh2">News</h2>
        <div class="accueiltexte"><br>7/08/11 Ajout des dernières descriptions des capitales</br>
2/08/2011 Forum ouvert! ^^ Recherchons joueurs actifs et partenariats!.</div>
    </div>
  <div class="bienvenue">
      <h2 class="accueilh2">Bienvenue {USER&amp;#8288;NAME}</h2>
        <div class="accueiltexte">Bienvenue à toi! Te voici sur les terres d'Elmenör où la magie cotoie la technologie des nefs volantes faisant vivre les différents pays constituant ce monde. <br>Te voici dans une période tendue après qu'un crime odieux ait été commis: le meurtre du roi de Shan'Ev par l'Impératrice d'Atlantis. Les deux pays sont au bord de la guerre tandis que la souveraine a pris la fuite. Quel part prendrez-vous dans ce combat? Tenterez vous de préserver la paix dans votre pays? Ou attiserez vous le feu pour obtenir les juteuses récompenses pour ceux qui amèneront les fuyards à Shangri-La?</div>
    </div>
    <div class="staff">
      <h2 class="accueilh2">Topsites</h2>
        <div class="accueiltexte">
<br>Votez pour le forum!</br><li><a target="_blank" href="http://www.root-top.com/topsite/niviel/in.php?ID=749">Les peuples d'Elmenör</A></li>
<li><a target="_blank" href="http://www.root-top.com/topsite/heroicfantasy/in.php?ID=1229">Les peuples d'Elmenör</A></li>
<li><a target="_blank" href="http://www.root-top.com/topsite/magic/in.php?ID=1227">Les peuples d'Elmenör</A></li>
<li><a target="_blank" href="http://www.root-top.com/topsite/topworld/in.php?ID=35">Les peuples d'Elmenör</A></li>
<li><a target="_blank" href="http://www.root-top.com/topsite/ed/in.php?ID=683">Les peuples d'Elmenör</A></li>
<li><a target="_blank" href="http://www.root-top.com/topsite/virtu4lgames/in.php?ID=2426">Les peuples d'Elmenör</A></li>
<li><a target="_blank" href="http://www.root-top.com/topsite/dolceleb/in.php?ID=1706">Les peuples d'Elmenör</A></li>
<li><a target="_blank" href="http://www.root-top.com/topsite/lulu06/in.php?ID=2370">Les peuples d'Elmenör</A></li>
<li><a target="_blank" href="http://www.root-top.com/topsite/julius/in.php?ID=58">Les peuples d'Elmenör</A></li>.</div>
    </div>
    <div class="creation">
      <h2 class="accueilh2">Recherchés</h2><div class= "recherche">       
 <table width="0%">
<td width="0%">
  <div class="infobulle">
<img src="http://img11.hostingpics.net/pics/762965Noahrecherche.jpg">
<span>Noah Fayr'El<div>Capitaine de la garde personnelle de l'Impératrice, en fuite avec elle. /!\ PRIORITAIRE</div></span></div></td width="0%">
 
  <td><div class="infobulle"> <img src="http://img11.hostingpics.net/pics/278138LevianShanIlrecherch.jpg"><span>Levian Shan'Il<div>Prince de Shan'Ev, il est froid, avide de pouvoir et veut capturer l'Impératrice</div></span></div></td>

 <td><div class="infobulle"> <img src="http://img4.hostingpics.net/pics/594906LaylaTyrlenrecherch.jpg"><span>Layla Tyrlen<div>Espionne du prince Levian Shan'Il</div></span></div></td>

<td>
  <div class="infobulle"> <img src="http://img4.hostingpics.net/pics/841047capitainemorenspiratesrecherch.jpg"><span>Aao'In Nylvir<div>Chef de clan/ Capitaine d'une nef/ Pirate sadique</div></span></div>
</td><td>
  <div class="infobulle"> <img src="http://img4.hostingpics.net/pics/432403nylvirrecherch.jpg"><span>Folèn Nylvir<div>Frère cadet d'Aao'In - Capitaine de nef aux alentours d'Enaïlya - Connait Alaynna</div></span></div>
</td></div>
 
</tr></table>
.</div>
    </div>
    <div class="partenaires">
      <h2 class="accueilh2">Partenaires</h2>
        <div class="accueiltexte"><a href="http://underthewall.forumgratuit.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://i46.servimg.com/u/f46/12/06/40/30/nya213.png" border="0" alt="" /></a><a href="http://inuyasha-sesshomaru.forumgratuit.org/forum" class="postlink" target="_blank" rel="nofollow">
<img src="http://img11.hostingpics.net/pics/683440Bouton8831.png" border="0" alt="" /></a><a href="http://www.forum.dol-celeb.com"><img src="http://www.dol-celeb.com/forum/img/dolceleb4.jpg" alt="Forum Dol Celeb" border="0" /></a><a href="http://vidia.forumsactifs.com/"><img src="http://i36.servimg.com/u/f36/15/86/42/99/bouton15.jpg" alt="Vidia" border="0" /></a><a href="http://eveldar.jdrforum.com" class="postlink" target="_blank" rel="nofollow"><img src="http://i43.servimg.com/u/f43/11/33/08/13/logo8810.jpg" border="0" alt="" /></a><a href="http://www.boosterforum.com" target="_blank"><img src="http://www.boosterforum.com/forum_ban/1_88x31.gif" width="88" height="31" alt="Booste le trafic de ton forum" /></a><a href="http://carnetdelexorciste.fantastique.tv/" class="postlink" target="_blank" rel="nofollow"><img src="http://i48.servimg.com/u/f48/15/38/04/64/88x31_12.jpg" border="0" alt="" /></a><a href="http://nouveau-chapitre.forumgratuit.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://i25.servimg.com/u/f25/13/35/48/45/kplkp110.gif" border="0" alt="" /></a>.</div>
    </div>
</div><div class="liens">
      <h2 class="accueilh2">Liens </h2>
        <div class="liens"></div>  <li><a href="http://elmenor.forumgratuit.org/t13-table-des-lois">Table des Lois</a></li>
<li><a href="http://elmenor.forumgratuit.org/t4-peuples">Peuples</a></li>
<li><a href="http://elmenor.forumgratuit.org/f6-papiers-d-identite">Présentations</a></li>
<li><a href="http://elmenor.forumgratuit.org/f5-predefinis">Prédéfinis</a></li>
<li><a href="http://elmenor.forumgratuit.org/t28-postes-vacants#29">Postes Vacants</a></li>
    </div>

Et le CSS:

Code:

#accueil {
  width:100%;
  margin:auto; 
}

.news {
  float:left;
  width:20%;
  margin:10px;
}

.bienvenue {
  float:left;
  width:52%;
  margin:10px;
}

.staff {
  float:right;
  width:20%;
  margin:10px;
}

.creation {
  clear:both;
  float:left;
  width:40%;
  margin:3px;
}

.partenaires {
  float:right;
  width:40%;
  margin:10px;
}

.accueilh2 {
  display:block;
  border-bottom:3px solid #B0C4DE;
  text-align:right;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:14px;
  color#4682B4;
}

.accueiltexte {
  width:60%;
  margin:auto;
  font-size:10px;
  font-family:"Comic Sans MS", cursive;
  text-align:justify; 
  color: #F5F5F5;
}

.liens {
  clear:both;
  float:center;
  width:40%;
  margin:10px;
}

.recherche{
v.align: left}

.infobulle{
    position: relative;
    z-index: 0;}

    .infobulle:hover{
    background-color: gray;
    z-index: 50;}

    .infobulle span{
    position: absolute;
    background-color: #FFFFFF;
    padding: 5px;
    left: -1000px;
    visibility: hidden;
    color: transparent;}

    .infobulle span img{
    border: 2px;
    padding: 5px;}

    .infobulle:hover span{
    visibility: visible;
    top: 70px;
    left: 35px;
    width: 200px ;
    color: black;
    border: 2px solid #FF0000;}

Merci d'avance =)

[Invité]

Salut Aely,

le début de ton tableau n'est pas ouvert

Code:

table> au lieu de <table>

tu peux supprimer tout ton contenu et insérer celui- ci:

Code:

<div id="accueil">
      <div class="news">
          <h2 class="accueilh2">News</h2>
            <div class="accueiltexte"><br>7/08/11 Ajout des dernières descriptions des capitales<br>
    2/08/2011 Forum ouvert! ^^ Recherchons joueurs actifs et partenariats!.</div>
        </div>
      <div class="bienvenue">
          <h2 class="accueilh2">Bienvenue {USER&amp;#8288;NAME}</h2>
            <div class="accueiltexte">Bienvenue à toi! Te voici sur les terres d'Elmenör où la magie cotoie la technologie des nefs volantes faisant vivre les différents pays constituant ce monde. <br>Te voici dans une période tendue après qu'un crime odieux ait été commis: le meurtre du roi de Shan'Ev par l'Impératrice d'Atlantis. Les deux pays sont au bord de la guerre tandis que la souveraine a pris la fuite. Quel part prendrez-vous dans ce combat? Tenterez vous de préserver la paix dans votre pays? Ou attiserez vous le feu pour obtenir les juteuses récompenses pour ceux qui amèneront les fuyards à Shangri-La?</div>
        </div>
        <div class="staff">
          <h2 class="accueilh2">Topsites</h2>
            <div class="accueiltexte">
    <br>Votez pour le forum!<br><li><a target="_blank" href="http://www.root-top.com/topsite/niviel/in.php?ID=749">Les peuples d'Elmenör</a></li>
    <li><a target="_blank" href="http://www.root-top.com/topsite/heroicfantasy/in.php?ID=1229">Les peuples d'Elmenör</a></li>
    <li><a target="_blank" href="http://www.root-top.com/topsite/magic/in.php?ID=1227">Les peuples d'Elmenör</a></li>
    <li><a target="_blank" href="http://www.root-top.com/topsite/topworld/in.php?ID=35">Les peuples d'Elmenör</a></li>
    <li><a target="_blank" href="http://www.root-top.com/topsite/ed/in.php?ID=683">Les peuples d'Elmenör</a></li>
    <li><a target="_blank" href="http://www.root-top.com/topsite/virtu4lgames/in.php?ID=2426">Les peuples d'Elmenör</a></li>
    <li><a target="_blank" href="http://www.root-top.com/topsite/dolceleb/in.php?ID=1706">Les peuples d'Elmenör</a></li>
    <li><a target="_blank" href="http://www.root-top.com/topsite/lulu06/in.php?ID=2370">Les peuples d'Elmenör</a></li>
    <li><a target="_blank" href="http://www.root-top.com/topsite/julius/in.php?ID=58">Les peuples d'Elmenör</a></li>.</div>
        </div>
        <div class="creation">
          <h2 class="accueilh2">Recherchés</h2><div class="recherche">     
    <table width="0%">
    <tbody><tr><td width="0%">
      <div class="infobulle">
    <img src="http://img11.hostingpics.net/pics/762965Noahrecherche.jpg">
    <span>Noah Fayr'El<div>Capitaine de la garde personnelle de l'Impératrice, en fuite avec elle. /!\ PRIORITAIRE</div></span></div></td>
   
      <td><div class="infobulle"> <img src="http://img11.hostingpics.net/pics/278138LevianShanIlrecherch.jpg"><span>Levian Shan'Il<div>Prince de Shan'Ev, il est froid, avide de pouvoir et veut capturer l'Impératrice</div></span></div></td>

    <td><div class="infobulle"> <img src="http://img4.hostingpics.net/pics/594906LaylaTyrlenrecherch.jpg"><span>Layla Tyrlen<div>Espionne du prince Levian Shan'Il</div></span></div></td>

    <td>
      <div class="infobulle"> <img src="http://img4.hostingpics.net/pics/841047capitainemorenspiratesrecherch.jpg"><span>Aao'In Nylvir<div>Chef de clan/ Capitaine d'une nef/ Pirate sadique</div></span></div>
    </td><td>
      <div class="infobulle"> <img src="http://img4.hostingpics.net/pics/432403nylvirrecherch.jpg"><span>Folèn Nylvir<div>Frère cadet d'Aao'In - Capitaine de nef aux alentours d'Enaïlya - Connait Alaynna</div></span></div>
    </td>
   
    </tr></tbody></table>
    .</div>
        </div>
        <div class="partenaires">
          <h2 class="accueilh2">Partenaires</h2>
            <div class="accueiltexte"><a href="http://underthewall.forumgratuit.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://i46.servimg.com/u/f46/12/06/40/30/nya213.png" alt="" border="0"></a><a href="http://inuyasha-sesshomaru.forumgratuit.org/forum" class="postlink" target="_blank" rel="nofollow">
    <img src="http://img11.hostingpics.net/pics/683440Bouton8831.png" alt="" border="0"></a><a href="http://www.forum.dol-celeb.com"><img src="http://www.dol-celeb.com/forum/img/dolceleb4.jpg" alt="Forum Dol Celeb" border="0"></a><a href="http://vidia.forumsactifs.com/"><img src="http://i36.servimg.com/u/f36/15/86/42/99/bouton15.jpg" alt="Vidia" border="0"></a><a href="http://eveldar.jdrforum.com" class="postlink" target="_blank" rel="nofollow"><img src="http://i43.servimg.com/u/f43/11/33/08/13/logo8810.jpg" alt="" border="0"></a><a href="http://www.boosterforum.com" target="_blank"><img src="http://www.boosterforum.com/forum_ban/1_88x31.gif" alt="Booste le trafic de ton forum" height="31" width="88"></a><a href="http://carnetdelexorciste.fantastique.tv/" class="postlink" target="_blank" rel="nofollow"><img src="http://i48.servimg.com/u/f48/15/38/04/64/88x31_12.jpg" alt="" border="0"></a><a href="http://nouveau-chapitre.forumgratuit.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://i25.servimg.com/u/f25/13/35/48/45/kplkp110.gif" alt="" border="0"></a>.</div>
        </div>
    </div><div class="liens">
          <h2 class="accueilh2">Liens </h2>
            <div class="liens"></div>  <li><a href="http://elmenor.forumgratuit.org/t13-table-des-lois">Table des Lois</a></li>
    <li><a href="http://elmenor.forumgratuit.org/t4-peuples">Peuples</a></li>
    <li><a href="http://elmenor.forumgratuit.org/f6-papiers-d-identite">Présentations</a></li>
    <li><a href="http://elmenor.forumgratuit.org/f5-predefinis">Prédéfinis</a></li>
    <li><a href="http://elmenor.forumgratuit.org/t28-postes-vacants#29">Postes Vacants</a></li>
        </div>

a++

[Aely]

Merci d'avoir répondu ^^

Alors pour la tableau si il est ouvert, j'ai juste du oublié d'insérer le "<" en faisant copier/coller >> Mais dans la PA il y ait. Et j'ai remplacé le contenu par ce que tu m'as passé mais le problème persiste ._.

[Invité]

de rien,
sur tes deux forums
as tu la même résolution
Général/Configuration/Général/Structure des pages

a++

[Aely]

Oui, ils sont à 900 tout les deux.
J'ai aussi vérifié ce que j'avais coché dans "Affichage/Page d'Accueil" et c'est pareil aussi. ._. Déjà qu'en code j'y connais pas grand chose alors là j'suis totalement paumée x)

[Invité]

Salut Aely,
désolé pour ne pas t'avoir répondu plus tôt .

Il y avait des balises div qui ne remplissaient pas leurs fonctions .

supprimes tout ton contenu et insères celui-ci:

Code:

<div id="accueil">
      <div class="news">
          <h2 class="accueilh2">News</h2>
            <div class="accueiltexte"><br>7/08/11 Ajout des dernières descriptions des capitales<br>
    2/08/2011 Forum ouvert! ^^ Recherchons joueurs actifs et partenariats!.</div>
        </div>
      <div class="bienvenue">
          <h2 class="accueilh2">Bienvenue {USER&amp;#8288;NAME}</h2>
            <div class="accueiltexte">Bienvenue à toi! Te voici sur les terres d'Elmenör où la magie cotoie la technologie des nefs volantes faisant vivre les différents pays constituant ce monde. <br>Te voici dans une période tendue après qu'un crime odieux ait été commis: le meurtre du roi de Shan'Ev par l'Impératrice d'Atlantis. Les deux pays sont au bord de la guerre tandis que la souveraine a pris la fuite. Quel part prendrez-vous dans ce combat? Tenterez vous de préserver la paix dans votre pays? Ou attiserez vous le feu pour obtenir les juteuses récompenses pour ceux qui amèneront les fuyards à Shangri-La?</div>
        </div>
        <div class="staff">
          <h2 class="accueilh2">Topsites</h2>
            <div class="accueiltexte">
    <br>Votez pour le forum!<br><li><a target="_blank" href="http://www.root-top.com/topsite/niviel/in.php?ID=749">Les peuples d'Elmenör</a></li>
    <li><a target="_blank" href="http://www.root-top.com/topsite/heroicfantasy/in.php?ID=1229">Les peuples d'Elmenör</a></li>
    <li><a target="_blank" href="http://www.root-top.com/topsite/magic/in.php?ID=1227">Les peuples d'Elmenör</a></li>
    <li><a target="_blank" href="http://www.root-top.com/topsite/topworld/in.php?ID=35">Les peuples d'Elmenör</a></li>
    <li><a target="_blank" href="http://www.root-top.com/topsite/ed/in.php?ID=683">Les peuples d'Elmenör</a></li>
    <li><a target="_blank" href="http://www.root-top.com/topsite/virtu4lgames/in.php?ID=2426">Les peuples d'Elmenör</a></li>
    <li><a target="_blank" href="http://www.root-top.com/topsite/dolceleb/in.php?ID=1706">Les peuples d'Elmenör</a></li>
    <li><a target="_blank" href="http://www.root-top.com/topsite/lulu06/in.php?ID=2370">Les peuples d'Elmenör</a></li>
    <li><a target="_blank" href="http://www.root-top.com/topsite/julius/in.php?ID=58">Les peuples d'Elmenör</a></li>.</div>
        </div>
        <div class="creation">
          <h2 class="accueilh2">Recherchés</h2><div class="recherche">     
<table cellspacing="10" width="100%"></table><table width="0%">
    <tbody><tr><td width="0%">
      <div class="infobulle">
    <img src="http://img11.hostingpics.net/pics/762965Noahrecherche.jpg">
    <span>Noah Fayr'El<div>Capitaine de la garde personnelle de l'Impératrice, en fuite avec elle. /!\ PRIORITAIRE</div></span></div></td>
      <td><div class="infobulle"> <img src="http://img11.hostingpics.net/pics/278138LevianShanIlrecherch.jpg"><span>Levian Shan'Il<div>Prince de Shan'Ev, il est froid, avide de pouvoir et veut capturer l'Impératrice</div></span></div></td>
    <td><div class="infobulle"> <img src="http://img4.hostingpics.net/pics/594906LaylaTyrlenrecherch.jpg"><span>Layla Tyrlen<div>Espionne du prince Levian Shan'Il</div></span></div></td>
    <td>
      <div class="infobulle"> <img src="http://img4.hostingpics.net/pics/841047capitainemorenspiratesrecherch.jpg"><span>Aao'In Nylvir<div>Chef de clan/ Capitaine d'une nef/ Pirate sadique</div></span></div>
    </td><td>
      <div class="infobulle"> <img src="http://img4.hostingpics.net/pics/432403nylvirrecherch.jpg"><span>Folèn Nylvir<div>Frère cadet d'Aao'In - Capitaine de nef aux alentours d'Enaïlya - Connait Alaynna</div></span></div>   
    </td>
   
    </tr></tbody></table>
    .
        </div></div></div>
        <div class="partenaires">
          <h2 class="accueilh2">Partenaires</h2>
            <div class="accueiltexte"><a href="http://underthewall.forumgratuit.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://i46.servimg.com/u/f46/12/06/40/30/nya213.png" alt="" border="0"></a><a href="http://inuyasha-sesshomaru.forumgratuit.org/forum" class="postlink" target="_blank" rel="nofollow">
    <img src="http://img11.hostingpics.net/pics/683440Bouton8831.png" alt="" border="0"></a><a href="http://www.forum.dol-celeb.com"><img src="http://www.dol-celeb.com/forum/img/dolceleb4.jpg" alt="Forum Dol Celeb" border="0"></a><a href="http://vidia.forumsactifs.com/"><img src="http://i36.servimg.com/u/f36/15/86/42/99/bouton15.jpg" alt="Vidia" border="0"></a><a href="http://eveldar.jdrforum.com" class="postlink" target="_blank" rel="nofollow"><img src="http://i43.servimg.com/u/f43/11/33/08/13/logo8810.jpg" alt="" border="0"></a><a href="http://www.boosterforum.com" target="_blank"><img src="http://www.boosterforum.com/forum_ban/1_88x31.gif" alt="Booste le trafic de ton forum" height="31" width="88"></a><a href="http://carnetdelexorciste.fantastique.tv/" class="postlink" target="_blank" rel="nofollow"><img src="http://i48.servimg.com/u/f48/15/38/04/64/88x31_12.jpg" alt="" border="0"></a><a href="http://nouveau-chapitre.forumgratuit.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://i25.servimg.com/u/f25/13/35/48/45/kplkp110.gif" alt="" border="0"></a>.</div>
        </div>
    <div class="liens">
          <h2 class="accueilh2">Liens </h2>
            <div class="liens"></div>  <li><a href="http://elmenor.forumgratuit.org/t13-table-des-lois">Table des Lois</a></li>
    <li><a href="http://elmenor.forumgratuit.org/t4-peuples">Peuples</a></li>
    <li><a href="http://elmenor.forumgratuit.org/f6-papiers-d-identite">Présentations</a></li>
    <li><a href="http://elmenor.forumgratuit.org/f5-predefinis">Prédéfinis</a></li>
    <li><a href="http://elmenor.forumgratuit.org/t28-postes-vacants#29">Postes Vacants</a></li>
        </div>

tu peux aussi ajouter des arrondis dans ta css , c'est plus joli

Code:


-moz-border-radius-: 8px;
-webkit-border-radius: 8px;
border-radius:8px;
-ô-border-radius:8px;
-khtml-border-radius:8px;
 

a++

a++

[Aely]

Pas grave, au moins on m'a répondu ^.^

En effet ça marche *o* Merci bien parce que même si le problème semblait bénin baaaa j'suis pas sure que je l'aurai vu moi même ^^"

Encore merci pour ton aide =)