Ok alors voilà le code HTML à placer sur ta page d'accueil:
- Code:
-
<center><table width="100%"><tbody>
<tr>
<td width="33%" colspan="1" class="cadre" height="80px">STAFF</td>
<td width="33%" colspan="1" class="cadre" height="80px">LIENS</td>
<td width="33%" colspan="1" class="cadre" height="80px">TOPSITES</td>
</tr>
<tr><td width="100%" colspan="3" class="cadre" height="40px">PARTENAIRES</td>
</tr>
<tr><td width="100%" colspan="3" class="cadre" height="170px">CONTEXTE</td>
</tr>
</tbody></table></center>
Pour modifier la hauteur des cases, il te suffit de changer le nombre à ce niveau:
- Code:
-
height="--px"
Pour la mise en page du tableau, il te faut ajouter ceci à ta feuille CSS:
- Code:
-
.cadre{background-color: #------; /**couleur du fond des cellules**/
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
padding: 5px;
padding-left: 5px;
border-left: 2px #------ solid; /**épaisseur et couleur de la gauche du cadre**/
border-bottom: 2px #------ solid; /**épaisseur et couleur du bas du cadre**/
border-top: 2px #------ solid; /**épaisseur et couleur du haut du cadre**/
border-right: 2px #------ solid; /**épaisseur et couleur de la droite du cadre**/
}
Une dernière petite astuce pour la route, tu peux remplacer solid par dashed pour avoir des tirets,
ou par dotted pour avoir des pointillés à la place d'une ligne pleine :)