Créer un menu interactif original [CSS]
Créer un tableau en HTML :
<table cellpadding="0" cellspacing="0">
<tr>
<td class="menu_gi">
<a href="#"><b>001 Ton titre</b><br />Ta phrase de sous titre</a>
</td>
</tr>
<tr>
<td class="menu_gi">
<a href="#"><b>003 Ton titre</b><br />Ta phrase de sous titre</a>
</td>
</tr>
<tr>
<td class="menu_gi">
<a href="#"><b>004 Ton titre</b><br />Ta phrase de sous titre</a>
</td>
</tr>
</table>
Et on fait le CSS approprié :
td.menu_gi {
width:200px;
text-align:center;
}
td.menu_gi a, a:link, a:visited, a:active
{ color:#7E4C69;
text-decoration: none;
font-family: Trebuchet MS;
font-size: 10px;
background-color:#E7E7E7;
border-left:3px solid #993699;
display:block;
}
td.menu_gi a:hover {
color:#ad0290;
background-color:#EADCDD;
border-left:3px solid #e5e4e4;
}