Pour effectuer une simple redirection, l'utilisation du lien est de loin la technique la plus simple. Pourtant, l'utilisation d'un bouton est plus intéressante au niveau visuel.
Pas de problème : avec le CSS, il est possible de déguiser le lien pour qu'il ait l'apparence d'un bouton.
Ce code est inspiré de http://www.snilesh.com/resources/css/css3-html5-button
<a class="stylebouton" href="nouveauclient.php">Nouveau client</a>
a.stylebouton {
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
border: solid thin #929292;
text-shadow: none;
background: #F6F6F6;
background-image: linear-gradient(to bottom, #F6F6F6, #DDDDDD);
color: buttontext;
padding:.375rem .75rem;
margin: 2px;
text-decoration: none;
font-family: Arial;
font-size: 1rem;
}
a.stylebouton:hover {
background-image: linear-gradient(to bottom, #DDDDDD, #F6F6F6);
}
Et voilà le résultat :
À titre comparatif, voici l'apparence qu'on aurait obtenue avec une balise input.
▼Publicité Le texte se poursuit plus bas
Site fièrement hébergé chez A2 Hosting.
