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..

    When I use
    • , how to let the element inside the li float left but the

    how to make an oval in css?

    How do I put 2 columns beside each other

    How do I center my logo image to another div in CSS horizontally and vertically?

    How to customize and change ready-made CSS libraries such as Twitter Bootstrap, and what other alternatives exist? [closed]

    How to create overlaying papers (pile) - CSS / HTML

    How can I :hover over different links in one line while getting the spacing correct?

    Text and image in div - How to align correctly?

    How to style a form element when an input is focused?

    How to apply background color to buttons using css in asp.net?

    How to center
      in a page?

    how to change a css of an input if the value of it is not empty in angularJS

    HTML/CSS: How do I make an input field with 2 vertically positioned buttons next to it?

    How to apply background color with css to text with line break [duplicate]

    How do I update an div css to display an complete image when section is complete?

    How to create a vertical linear gradient for a GTK separator

    How can I use CSS borders to visually group my sections?

    How to find all inputs which is not inside one div with css selector?

    How do I make a div not display, if the browser window is at a certain width? [duplicate]

    How do I make my HTML5 nav li tab stay active on click with CSS3?

    How to get dropdown menus to align with the correct menu tab

    How to apply CSS to nested Unordered Lists?

    How to only deregister Wordpress stylesheet for non-logged in users?

    How get dimension of HTML shadow element via JavaScript

    How do you position div's in html5? [closed]

    ASP.NET - how to use CSS to align ASP.NET controls in a data entry situtaion?

    How to make video thumbnails like Facebook [CSS]

    How to stop animation using jQuery

    how to ignore rewriting css file with .htaccess

    How to add css in php file? [closed]