jacko_162 Posted August 5, 2011 Share Posted August 5, 2011 I have a post tag image which is a set width, how can i use this image with css to have differnt widths using the same image? i have attached what the tag looks like with different sized text. any help on the matter would be appreciated. this is my first FULL .css managed site and i get so confused. [attachment deleted by admin] Quote Link to comment https://forums.phpfreaks.com/topic/243980-using-css-to-have-same-image-bg-but-diff-sizes/ Share on other sites More sharing options...
cssfreakie Posted August 6, 2011 Share Posted August 6, 2011 I recommend you have a look in something called the sliding doors technique. in a nutshell it uses 1 very stretched image as a sprite and 1 nested html element. for instance: <a href=""><span>link text</span></a> Al you need to do now is set the same background for both the a-element and the span, but with a different background position and one the text of the span increases the image is working as if it were a sliding door. Quote Link to comment https://forums.phpfreaks.com/topic/243980-using-css-to-have-same-image-bg-but-diff-sizes/#findComment-1253331 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.