CODEWITHSUNDEEP
htmlcss
Matt Elhotiby
Matt Elhotiby

Reputation: 44066

Why do i need to add repeat to make it display?

here is my page

here is my CSS

dot {
 background:url("images/non_selected.png") repeat scroll 22px 22px transparent;
 height:22px;
 width:22px;
}

when i change it to

 url("images/non_selected.png") norepeat scroll 22px 22px transparent

nothing displays...what gives

Upvotes: 0

Views: 72

Answers (2)

meder omuraliev
meder omuraliev

Reputation: 186602

it's no-repeat not norepeat. let me know if that doesn't fix it.

edit #1: you are offsetting it too much...try

background: url(http://dev.posnation.com/build_system/css/images/non_selected.png) no-repeat 0px 0px;

Upvotes: 4

Michael Martin-Smucker
Michael Martin-Smucker

Reputation: 12725

It's because you've offset the background image by 22 pixels. The image starts outside of the range of dot, so it doesn't show up unless you repeat it. Instead, try:

background: url("images/non_selected.png") no-repeat scroll left top;

The important part is changing "22px 22px" to "left top".

Upvotes: 2

Related Questions