Bouton avec la même ombre [Résolu]

[bond70]

Salut,

Voici deux boutons. Je n'arrive pas à mettre la même ombre (ou bordure) au bouton du bas. Je trouve qu'il est trop clair et j'aimerais lui donner un peu plus de constraste.

Voici une photo :

Voici le code pour le bouton du bas :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
background-color: #E8E8E8;
border: 0 none;
border-radius: 4px 4px 4px 4px;
clear: both;
color: #000000;
cursor: pointer;
display: inline-block;
font-family: 'QlassikMediumRegular',Tahoma,Arial,sans-serif;
font-size: 15px;
height: 32px;
line-height: 32px;
margin: 0 5px 10px 0;
padding: 0 22px;
text-align: center;
text-decoration: none;
vertical-align: top;
white-space: nowrap;
width: auto;

Merci de votre aide !

[oceane751]

Code :

border: 0 none;

[Atomya Rise]

D'après ce que je constate, tu as un box-shadow sur ton premier bouton, essaye de remplacer ceci :

Code css :

border-radius: 4px 4px 4px 4px;

par ceci :

Code css :

1
2
3
4
5
6
7
-moz-box-shadow: -1px 1px 5px #343434;
-webkit-box-shadow: -1px 1px 5px #343434;
-o-box-shadow: -1px 1px 5px #343434;
box-shadow: -1px 1px 5px #343434;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;

Tu verras la différence de rendu....

Sinon, regarde sur le code de ton premier bouton, tu trouveras très certainement un code équivalent....

[bond70]

Merci, c'est exactement ce que je voulais !