Bonjour,
j'ai récupéré sur la toile un code qui permet de donner un style proche de celui de Google pour les boutons.
Mais le problème de ce code est que quand il est appliqué à un élément ce dernier effectue un retour a la ligne...
En enlevant la ligne "border: solid 1 px #dcdcdc;" le retour à la ligne entre deux éléments du même style ne se fait plus... Curieux? Un petit peu d'aide svp
Meilleurs voeux à tous pour 2012
le code
j'ai récupéré sur la toile un code qui permet de donner un style proche de celui de Google pour les boutons.
Mais le problème de ce code est que quand il est appliqué à un élément ce dernier effectue un retour a la ligne...
En enlevant la ligne "border: solid 1 px #dcdcdc;" le retour à la ligne entre deux éléments du même style ne se fait plus... Curieux? Un petit peu d'aide svp
Meilleurs voeux à tous pour 2012
le code
.button {
color: #6e6e6e;
font: bold 12px Helvetica, Arial, sans-serif;
text-decoration: none;
padding: 7px 12px;
position: relative;
display: inline-block;
text-shadow: 0 1px 0 #fff;
-webkit-transition: border-color .218s;
-moz-transition: border .218s;
-o-transition: border-color .218s;
transition: border-color .218s;
background: #f3f3f3;
background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
border: solid 1px #dcdcdc;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
margin-right: 10px;
}
.button:hover {
color: #333;
border-color: #999;
-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
cursor:pointer;
}