How to change a position of css sprite image?


Tags: html,css,css-sprites

Problem :

I want change the image position to right side of text

padding: 0px 40px 0px 24px;
font: 14px arial,tahoma;
background: url(http://i1.someimage.com/pF0qaUw.jpg) no-repeat;
overflow: hidden;
background-position: -28px -34px ;
width: 16px;
height: 16px;
<div>text</div>



Solution :

use it in this way

<div>Text &nbsp; <span class="sprite icon"></span></div>

and place it in the right side of the text

and use it like this

.sprite{background: url("sprite.png") no-repeat;display: inline-block;}
.icon{width: 50px;height: 50px;background-position: -50px -50px;}

    CSS Howto..

    How to not make text colored within a href link but the text is also within div?

    How to make jQuery UI nav menu horizontal?

    How do I make images fit the entire screen fully, regardless of screen size?

    How to filter and show only applied CSS in Chrome Developer Tools (like Firebug in Firefox)

    How to put my form on top of an image in css/html?

    How to make stylish pageviews counter using html and css? [closed]

    How do I scale the size of the elements in my HTML according to screen size?

    CSS: How do I keep the text from wreaking havoc on the layout?

    How to Javascript to load a css file only for one specific page?

    How to realize a gradient like this with css

    How do I make the text in the next line to be centered and not aligned to the left?

    How to sort properties in CSS file by groups?

    How to create Curved & Overlapping Menu Tabs in CSS

    How to make css max width in IE6 and 7?

    How can I be sure that a website is responsive by only looking the code?

    How to set a image/icon width that was specified through css content property?

    How to make the logo drop a bit in the nav menu and other suggestions

    How do I gather a class' css attributes given nothing but the className?

    BeautifulSoup4/CSS selector how to select the

    How can I pull Data from an SQL table using PHP inside an HTML

    how to add a css class to a list when the particular li is clicked using jquery?

    Create template page for showing jpg's from direct links [closed]

    How to prevent CSS hover style from firing unless hover time reached as defined in jQuery routine?

    Displaying a title and description on a jquery slideshow

    How to force space inbetween a css table (responsive webpage)

    How to have “onmouseover” highlight in css?

    How to copy this semi-static menu?

    How to change the CSS of entire page/website on click?

    How to use ASP.NET Authorization Yet Permit Access to .css Files?

    how to give no-more-use of css in jquery for css params