Page d'Accueil

Spoiler:

Est-ce possible de avoir des cadre séparer?

Code:

<table cellspacing="10" cellpadding="0">
<tr>
<td class="colonne_1">
<spam class="ligne_1">STAFF</spam> <spam class="ligne_1">STAFF</spam> <spam class="ligne_1">STAFF</spam>  <br />
<spam class="ligne_2"><p>Lien utile</p>
<p><a href=lien" class="postlink" target="_blank" rel="nofollow">Règlement</a><br />
<a href="liens" class="postlink" target="_blank" rel="nofollow">Présentation</a><br />
<a href="lien" class="postlink" target="_blank" rel="nofollow">Recrutement</a><br />
<a href="lien" class="postlink" target="_blank" rel="nofollow">Partenariat</a><br />
<a href="lien" class="postlink" target="_blank" rel="nofollow">Crédits</a></p>
</spam>
</td>
<td class="colonne_2">
<spam class="ligne_3">image</spam>  <br />
<spam class="ligne_4"><p>histoire</p>
<span><marquee DIRECTION='up' onmouseover="this.stop();" onmouseout="this.start();" scrollamount="2" scrolldelay="50" width="180" height="128">
<p>blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla </p></marquee></span>
</spam> <spam class="ligne_4"><p>Nouveauté</p>
<span><marquee DIRECTION='up' onmouseover="this.stop();" onmouseout="this.start();" scrollamount="2" scrolldelay="50" width="180" height="128"><p>• 19 Mai 2012 :<br />
Ouverture de la zone RP du fofo</p>
<p>•test :<br />
....</p></marquee></span></spam>
</td>
<td class="colonne_1">
<spam class="ligne_5">top site</spam>  <br />
<spam class="ligne_5"><p>PArtnaire</p>
<span><marquee DIRECTION='left' onmouseover="this.stop();" onmouseout="this.start();" scrollamount="2" scrolldelay="50" width="155" height="55"> <a href="http://www.never-utopia.com" target="_blank"><img src="http://img4.hostingpics.net/pics/271766logo4.jpg" alt="Never-Utopia" title="Never-Utopia : graphisme et aides" /></a> <a href="http://www.never-utopia.com" target="_blank"><img src="http://img4.hostingpics.net/pics/271766logo4.jpg" alt="Never-Utopia" title="Never-Utopia : graphisme et aides" /></a> <a href="http://www.never-utopia.com" target="_blank"><img src="http://img4.hostingpics.net/pics/271766logo4.jpg" alt="Never-Utopia" title="Never-Utopia : graphisme et aides" /></a> <a href="http://www.never-utopia.com" target="_blank"><img src="http://img4.hostingpics.net/pics/271766logo4.jpg" alt="Never-Utopia" title="Never-Utopia : graphisme et aides" /></a> <a href="http://www.never-utopia.com" target="_blank"><img src="http://img4.hostingpics.net/pics/271766logo4.jpg" alt="Never-Utopia" title="Never-Utopia : graphisme et aides" /></a> <a href="http://www.never-utopia.com" target="_blank"><img src="http://img4.hostingpics.net/pics/271766logo4.jpg" alt="Never-Utopia" title="Never-Utopia : graphisme et aides" /></a> </marquee></span>
</spam>  <br />
<spam class="ligne_6">Crédit</spam>
</td>
</tr>
</table>
<span class="credit"><a href="http://www.never-utopia.com">(c) par Never-Utopia</a></span>

Code:

.colonne_1
{
display: inline-block;
width: 170px;
height: 264px;
background: #111010;
border: 3px solid #6F2324;
}

.colonne_2
{
display: inline-block;
width: 400px;
height: 264px;
background: #111010;
border: 3px solid #6F2324;
}
.ligne_1
{
display: inline-block;
width: 40px;
height: 105px;
margin: 6px 0px 5px 6px;
  overflow: hidden;
background-repeat: #111010;
border: 3px solid #6F2324;
}
.ligne_2
{
display: inline-block;
width: 83px;
height: 130px;
margin: 0px 0px 0px 40px;
  overflow: hidden;
background: #111010;
border: 3px solid #6F2324;
}
.ligne_3
{
display: inline-block;
width: 363px;
height: 70px;
margin: 0px 0px 0px 15px;
  overflow: hidden;
background: #111010;
border: 3px solid #6F2324;
}
.ligne_4
{
display: inline-block;
width: 180px;
height: 160px;
margin: 11px 0px 0px 8px;
  overflow: hidden;
background: #111010;
border: 3px solid #6F2324;
}
.ligne_5
{
display: inline-block;
width: 155px;
height: 85px;
margin: 4px 0px 0px 4px;
  overflow: hidden;
background: #111010;
border: 3px solid #6F2324;
}
.ligne_6
{
display: inline-block;
width: 155px;
height: 60px;
margin: 4px 0px 0px 4px;
  overflow: hidden;
background: #111010;
border: 3px solid #6F2324;
}

.credit
{
display: block;
text-align: right;
margin-right: 20px;
}
.credit a
{
font-size: 10px;
text-decoration: none !important;
}