Roll Over Simplifié

Vous avez pu remarquer sur un billet précédent, un petit bouton telecharger qui va se généraliser sur le site. (il serait temps)
A force de proposer des éléments en téléchargement, un bouton me paraissait adéquat.

dont Acte.

Le tout s’effectue simplement :

1. image qui contient les 2 statuts de l’image, simple et survol
2. un peu de CSS
3. un de HTML

1- image

2- CSS

voila le code ajouté à ma feuille de style
.telecharge a {
        width: 185px;
    height: 28px;
        text-decoration: none;
        }

.telecharge a:link, .telecharge a:visited {
        display: block;
        background: url(/dotclear/public/telecharge.png) no-repeat;
        padding: 4px 0 0 30px;
        }

.telecharge a:hover, .telecharge a:active {
        color: #fff;
        background: url(/dotclear/public/telecharge.png) 0 -32px no-repeat;
        padding: 4px 0 0 30px;
        }


3- html

et le code :
<p class="telecharge"> <a href="mon lien> le bazar qui va bien</a> </p>

et c’est tout…  simpliste au regard des possibilités du css, mais en même temps, pourquoi alourdir le code et la feuille quand on peut tout faire en moins de 10 minutes…
Et pour les aficionados du code, toutes les suggestions sont les bienvenues… :T