Largeur de bouton en css3
J'ai un bouton et je veux qu'il soit d'une taille particulière
html
<a class="button icon Raise"
onclick="raiseButtonAction(realPlayer, gameState)" id="nupp1" href="#"><span>RAISE</span></a>
css
.button {
position: absolute;
border-top: 1px solid #96d1f8;
background: #65a9d7;
background: -webkit-gradient(linear, left top, left bottom, from(#3e779d),
to(#65a9d7) );
background: -moz-linear-gradient(top, #3e779d, #65a9d7);
padding: 5px 10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
-moz-box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
text-shadow: rgba(0, 0, 0, .4) 0 1px 0;
color: white;
font-size: 19px;
font-weight: bold;
font-family: Segoe;
text-decoration: none;
vertical-align: middle;
Mais si je mets par exemple width:100px; il ne change pas de taille.
Suis-je en train de faire quelque chose de mal ou que vous ne pouvez pas modifier la taille d'une premade bouton?
- Vous n'avez pas spécifié de la largeur de n'importe où dans le code ci-dessus.
Vous devez vous connecter pour publier un commentaire.
Que le style est un
a
élément, qui est un en ligne et n'accepte pas de largeur. Vous pouvez le changer àinline-block
oublock
et puis vous aurez le contrôle sur la largeur.Essayer cette..
display: inline
, donc il n'y a pas de problème.Vous avez besoin pour faire de votre <a> dans un élément de niveau bloc. Voici un exemple de ce travail.
Je viens d'ajouter ceci dans votre CSS pour .bouton:
Manquant
display: block;
Ont pour définir l'affichage de bloquer si vous souhaitez définir une largeur fixe sur un élément inline
display: inline-block
.display: inline
.