Salut salut !
Rien à voir avec l'encodage, c'est ce qui sert à coder les caractères spéciaux (avec les accents, ce genre de chose). Par contre pour le code, pfiou ! Il était bien encombré
Essaye de passer par un IDE quand tu fais un bout de code HTML pour forumactif (un petit programme qui reconnaît le langage et qui t'aide à y voir plus clair) comme Sublime Text 2 par exemple (qui est gratuit).
Quoi qu'il en soit, j'ai bien nettoyé ton code ! xD Le voilà tout beau tout propre.
Le CSS :
- Code:
#PA{
width: 900px;
color:#074757;
background-color: #91b5cc;
margin: auto;
padding-bottom: 10px;
}
#PA h1{
font-size: 25px ;
font-family:'Metamorphous';
color: #ccffff;
text-align: center;
padding-top: 10px;
}
#PA h2{
font-size: 20px;
font-family: Time New Roman, serif;
color: #ccffff;
text-align: center;
font-weight: normal;
}
#PA .elementHaut, #PA .elementBas, #PA .elementPartenaires{
border: rgb(40, 160, 150) 3px solid;
width: 265px;
background-color: #ACD4CF;
height: 125px;
overflow: auto;
}
#PA .elementBas{
width: 390px;
height:110px;
margin: auto;
}
#PA .elementPartenaires{
width: 830px;
height: 40px;
margin: auto;
}
Le HTML :
- Code:
<div id="PA">
<h1>Bienvenue jeune mordu !</h1>
<br />
<table style="margin:auto;">
<tbody>
<tr>
<td>
<h2>Nos Effectifs</h2>
<div class="elementHaut">
<ul>
<li>
<span style="color: #4FDEA0;">Villageois</span> (0) - <span style="color: #00ff00;">OPEN</span>
</li>
<li>
<span style="color: #4E87B3;">Lycans</span> (0) - <span style="color: #990000;">CLOSED</span>
</li>
<li>
<span style="color: #BE4ED4;">Personnages</span> (1) - <span style="color: #00ff00;">OPEN</span>
</li>
<li>
<span style="color: #D40909;">Loups-Garou</span> (2) - <span style="color: #00ff00;">OPEN</span>
</li>
<li>
<span style="color: #BDB6B6;">Hunters</span> (0) - <span style="color: #990000;">CLOSED</span>
</li>
<li>
<span style="color: #fefefe;">Alchimistes</span> (0) - <span style="color: #990000;">CLOSED</span>
</li>
</ul>
</div>
</td>
<td>
<h2>Le Staff</h2>
<div class="elementHaut">
<ul>
<li>
<span style="color: darkred;">Soraleï Blackwood</span>, <em>Fondatrice</em>
</li>
<li>
<span style="color: darkred;">Thanos Veenlit</span>, <em>Modérateur</em>
</li>
</ul>
</div>
</td>
<td>
<h2>Nos Topsites</h2>
<div class="elementHaut">
<br/>
<center>
<a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/filetdudiable/in.php?ID=1042">
<img alt="" border="0" src="http://img.root-top.com/topsite/filetdudiable/banner.gif"/>
</a>
<a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/imaginarium3006/in.php?ID=1299">
<img alt="" border="0" src="http://zupimages.net/up/16/02/fvm1.jpg"/>
</a>
<br />
<a href="http://en.root-top.com/toplist/coffeepub/in.php?ID=236" class="postlink" target="_blank" rel="nofollow">
<img src="http://zupimages.net/up/16/02/aw7x.jpg" border="0" alt=""/>
</a>
<a href="http://en.root-top.com/toplist/olinalexe/in.php?ID=3726" class="postlink" target="_blank" rel="nofollow">
<img src="http://zupimages.net/up/16/02/zgca.gif" border="0" alt=""/>
</a>
</center>
</div>
</td>
</tr>
</tbody>
</table>
<table style="width: 100%;">
<tbody>
<tr>
<td >
<h2>Le thème du forum </h2>
<div class="elementBas">
Voici le thème audio que j'ai choisi pour le forum. Je trouve cette chanson représentative de l'esprit qui règne ici.
<center>
<iframe src="https://www.youtube.com/embed/7BJ3ZXpserc" frameborder="0" allowfullscreen="" style="width: 350px; height: 30px;"></iframe>
</center>
</div>
</td>
<td>
<h2>Liens de survie</h2>
<div class="elementBas">
<ul>
<li>
<a href="http://insane-werewolves.forumactif.org/t16-guide-du-jeune-mordu">Guide pour les débutants un peu paumés</a>
</li>
<li>
<a href="http://insane-werewolves.forumactif.org/t22-story-context-ou-comment-en-est-t-on-arrive-la">Notre contexte</a>
</li>
<li>
<a href="http://insane-werewolves.forumactif.org/t17-point-explicatif-sur-les-hunters-et-les-alchimistes">Point explicatif sur nos espèces : là</a><a href="http://insane-werewolves.forumactif.org/t15-comment-differentier-un-lycan-et-un-loup-garou"> et là.</a>
</li>
<li>
<a href="http://insane-werewolves.forumactif.org/t19-liste-des-roles-tires-du-jeu">PVs et Rôles disponibles</a>
</li>
<li>
<a href="http://insane-werewolves.forumactif.org/f9-actualites-in-rpg">Forum des Actualités RPG</a>
</li>
</ul>
</div>
</td>
</tr>
</tbody>
</table>
<h2>Les N'amis : </h2>
<div class="elementPartenaires">
<a rel="nofollow" target="_blank" class="postlink" href="http://out-of-eden.azurforum.com/">
<img alt="" border="0" src="http://zupimages.net/up/15/24/cipf.png" />
</a>
<a rel="nofollow" target="_blank" class="postlink" href="http://spyrokingdom.forumsrpg.com/">
<img alt="" border="0" src="http://i19.servimg.com/u/f19/16/35/67/99/bouton12.gif" />
</a>
<a rel="nofollow" target="_blank" class="postlink" href="http://jeuderevesannuairerp.forumactif.org/">
<img alt="" border="0" src="http://zupimages.net/up/16/05/2gun.jpg" />
</a>
</div>
</div>
