Annonce ToutSurTout

Bienvenue sur toutsurtout.biz

Déjà 15 ans !

Radio TST

Si vous souhaitez participer vous aussi aux discussions sur le forum, il faut vous inscrire ou vous identifier.

Le Thème TST Noël est maintenant en place.

Les inscriptions sont actuellement OUVERTES.

Message 1 Discussion postée le 30-09-2009 à 02:14:54

Solenne
Avatar de Solenne


Titre: Modératrice insomniaque
Avancement: Niveau 4
Lieu: Avec Loic
Date d'inscription: 26-09-2009
Messages: 6 838

Créer un menu interactif original [CSS]

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;
}


https://www.world-lolo.com/images/uploads/image.num1351106986.of.world-lolo.com.gif