Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1818 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  3 boutons CSS dans la même page

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

3 boutons CSS dans la même page

n°2203712
ritalou
Posté le 21-09-2013 à 10:12:31  profilanswer
 

Salut,
 
Je crée un site pour mon auto entreprise.
 
J'aimerai placer 3 boutons en CSS qui changent d'aspect au survol et lorsqu'on clique dessus.
 
Je met ce code après la balise <title> </title> :
<style type="text/css">
 
a.bouton {
    background:url('chemin vers l'image du bouton avec les 3 états') no-repeat;
    width: 385px;
    height: 206px;
    display:block;
}
a.bouton:hover {
    background:url('chemin vers l'image du bouton avec les 3 états') no-repeat 0 -206px;
}
a.bouton:active {
    background:url('chemin vers l'image du bouton avec les 3 états') no-repeat 0 -412px;
}
 
et ce code dans le body
 
<td><a title="le titre du bouton" href="un lien" class="bouton"></a></td>
 
cela fonctionne bien avec 1 bouton,
mais je ne sais pas comment en ajouter d'autres car je ne sais pas comment attribuer
le bon code CSS au lien qui lui correspond dans le body :
 
Est-ce la balise "a" qu'il faut changer? si oui par quelle balise la replacer?
 
Par avance merci pour votre aide

mood
Publicité
Posté le 21-09-2013 à 10:12:31  profilanswer
 

n°2203714
flo850
moi je
Posté le 21-09-2013 à 11:14:52  profilanswer
 

dans ta css tu ajoutes

Code :
  1. a.bouton.home{
  2.  
  3.    background:url('chemin vers une autre image') no-repeat;}


 
dans ta page html

Code :
  1. <td><a title="le titre du bouton" href="un lien" class="bouton home"></a></td>  
  2. <td><a title="le titre du bouton" href="un lien" class="bouton"></a></td>


 


---------------

n°2203723
ritalou
Posté le 21-09-2013 à 13:56:13  profilanswer
 

merci beaucoup, ça marche!!


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  3 boutons CSS dans la même page

 

Sujets relatifs
[ASP.NET] Modifier contenu page web sans programmationBackground plus lent que la page
Passage de données sans rafraichir la page[CSS]Comment bouger mon menu ?
Besoin d'aide pour HTML/CSSpage css qui ne sont pas appelées
CSS pour les nulsprobleme sur moteur de recherche sur page HTML
Reset du CSScss mettre image en fond d’écran sur tout la page
Plus de sujets relatifs à : 3 boutons CSS dans la même page


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR