Go Premium for a chance to win a PS4. Enter to Win

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 503
  • Last Modified:

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

0
regnighc
Asked:
regnighc
1 Solution
 
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
 
scrathcyboyCommented:
<IMG src="mythumb.jpg" width="50 px" height="50 px">  that is the HTML
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

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Tackle projects and never again get stuck behind a technical roadblock.
Join Now