CSS how to scale image to 50px by 50px

Please can someone advise how I should modify the below css to scale my image down to 50px by 50px. the reason we don't want to use a 50px by 50px native image is so we can preserve the quality of the image edge for transparency to be effective.

	.mstrLogo {
		background: 		transparent url(images/project.gif) no-repeat scroll center;
	}
	A.mstrLink:hover .mstrLogo {
		background-image: 		url(images/project.gif);
	}
	* HTML .mstrLogo {
		filter: 		progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../plugins/ReplacingMicroStrategyWebButton/style/images/project.gif', sizingMethod='scale');
	}
	* HTML A.mstrLink:hover .mstrLogo {
		filter: 		progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../plugins/ReplacingMicroStrategyWebButton/style/images/project.gif', sizingMethod='scale');
	}

Open in new window

LVL 2
regnighcAsked:
Who is Participating?
 
scrathcyboyConnect With a Mentor Commented:
<IMG src="mythumb.jpg" width="50 px" height="50 px">  that is the HTML
0
 
Gurvinder Pal SinghCommented:
why not simply mention the height and width as 50px?
0
 
regnighcAuthor Commented:
Sorry I cant work out how todo that First time ive played with css this is a premade file
0
 
haloexpertsexchangeCommented:
is this a background image that you want sized?
if so then look at this link http://stackoverflow.com/questions/1341358/set-size-on-backgroundimage-with-css
You can size a background image for browsers that are css3 compliant with the background-size but that does not work with most browsers so your best bet would be just to re-size the image before use.
Otherwise there is the normal width and height that you can set with css to size anything else.
0
 
Jason C. LevineNo oneCommented:
This question has been classified as abandoned and is closed as part of the Cleanup Program. See the recommendation for more details.
0
All Courses

From novice to tech pro — start learning today.