Sanjoy Roy

[MCM, MCP, SCJP] – Senior PHP Programmer

How to use a portion of an image from a group?


HTML Block:

    	Actual Image:

        Result:
    	

CSS Block:

.logo{
	background:transparent url(../images/buttons.png) no-repeat 0 0;
	display:block;
	margin:0 0 5px;
	padding:10px 0 2px 213px;
	height:21px;
	overflow:hidden;
	clear:none;
	background-position:-307px -152px;
	/*Starting of x position, ending of y position - measure it in photoshop info viewer tool*/
	color:#7f7f7f;
	text-transform:uppercase;
	font-size:77%;
	position:relative;
}

Live Demo

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: