Im trying to change my ul li list to use it with background image & sprites, but i have this problem with background-repeat, what i’m missing?
Share
Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
Im trying to change my ul li list to use it with background image & sprites, but i have this problem with background-repeat, what i’m missing?
Since your sprite is tiled vertically, you need to use an element that will have a height equal to that of each of the sprite images.
One option is to use another element, like a span, and apply the background to that.
http://jsfiddle.net/mestekweb/R7MU4/2/
You could also apply the style to the link element.
http://jsfiddle.net/mestekweb/R7MU4/3/
In both cases, you’ll have to adjust the margins and padding of the lists and/or links to compensate.