[CSS] problèmes d'affichage
Bonjour !
J'ai un petit problème d'affichage des informations suivantes :
j'ai dans la CSS la classe suivante :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22
| .button, .button:hover, .button:link, .button:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 11px;
color: #ff6600;
border: 1px solid #FF6600;
background-color: #ffffff;
cursor: pointer;
}
a.button, a.button:hover, a.button:link, a.button:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 11px;
color: #ff6600;
border: 1px solid #FF6600;
background-color: #ffffff;
cursor: pointer;
text-decoration: none;
} |
que j'utilise dans un <form> avec ...type=submit class="button" ...
et dans un lien avec ..<a href... class="button"...
malheureusement, dans ce cas, le lien <a> n'a pas la même grandeur en hauteur que le bouton submit ! si je change la classe et ajoute par exemple un lien height: 30px, seul le submit est affecté et pas le <a> ...
que faire pour avoir les 2 même boutons dans ce cas précis, un avec un submit et l'autre avec un lien <a> ?
merci pour votre aide
Olivier
balise code ajoutée par giminik