no-repeat + position

[williamrouse]

When I see CSS statements with "no-repeat" and then a position I am unclear. Is this suppose to say do not repeat this to the position specified but every where else?

 

Examples I found in some code I was looking at

Thanks!

 

background: url(../images/nav_item_bullet_current.]png) no-repeat left;
background: url(../images/nav_bottom.png) no-repeat top;
background: url(../images/sendmessage.png) no-repeat bottom;
background: url(../images/separator_line.png) repeat-x right 12px;
background: #fff url(../images/separator_right.png) no-repeat right;
background: url(../images/field_bg.png) no-repeat top left;

[Andrea]

It means the background image does not repeat, hence it shows up only once, and the position tells it where it will appear (default is top left). Here the whole thing is explained: http://www.csstutorial.net/2010/03/adding-a-background-image-with-css/

 

 

I'm not exactly sure where the code samples you provide come from and without seeing the whole thing, it's hard to judge, but that doesn't look right.

[williamrouse]

Thanks! I was making more difficult to myself than it is.