I have a gif image that will be used for the navigation background. The image has a height of 400 pixels and a width of 206 pixels.

In this tutorial, we are asked to input the following CSS rules:

#navigation a {
                text-decoration: none;
                text-transform: uppercase;
                display: block;
                background: url(assets/tabs.gif) 0-195px no-repeat;
                width: 200px;
                height 24px;
                color: #6b96b3;
                padding-left: 10px;
                padding-top: 11px;
                }

#navigation a:hover {
                    background-position: 0-300px;
                    padding-top: 6px;
                    height: 29px;
                    }


I do not understand the background-position: rule?

0-300px; ? 0-195px; ? what do these values mean?

Thank you all in advance for your thoughts and views.

Kenneth

It's plain wrong. Is it written exactly like that? With a space after the first number, like so: '1 -195px', it would mean a negative vertical offset.

http://www.w3.org/TR/CSS2/colors.htm...round-position

What tutorial are you following?

--
http://yupapa.com