Discussion :

[bouchette63]

Bonjour,

J'ai un petit problème au niveau de mon code CSS concernant un bouton de validation.
Ce dernier représente une image de 24X24px, et j'aimerais la redimensionner dans mon CSS. Mais je n'y arrive pas. Lorsque je modifie le width ou le height, mon image se coupe et n'apparait plus entiérement dans ma page.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
.modifBtn {
	width: 16px; 
	height: 16px;
	cursor: pointer; 
	background-image: url(../../resources/edit_blanc.png);
	border: none;
	font-size : 0px;
}

Est-ce que quelqu'un à une idée sur la façon de procéder pour diminuer la taille de mon image tout en évitant de la couper ?

Merci pour votre aide

[backeyes]

Bonsoir,

Ca me parait logique que ça coupe fait comme ça puisqu'elle est en background.
Le style .modifBtn (et donc les largeur et hauteur) ne s'applique pas sur l'image si c'est celle-là que tu as mise dans background-image, mais sur le bouton (si c'est bien un bouton qui contient le class="modifBtn")

[bouchette63]

Merci pour ta réponse backeyes,

Alors il n'est donc pas possible de redimensionner mon image pour mon bouton. La seule solution est de changer la taille de l'image directement ?

[masu]

Merci pour ta réponse backeyes,

Alors il n'est donc pas possible de redimensionner mon image pour mon bouton. La seule solution est de changer la taille de l'image directement ?

Oui, effectivement ca semble la seul solution.

[bouchette63]

Ok ça marche, je n'ai donc pas le choix. Je vais redimensionner mon image.

Merci à vous deux pour vos réponses