HTML and CSS Reference
In-Depth Information
• the background: the
default
state of the slider
buttons uses a plain white background.
You added
background-color:#FFF
to overwrite the
btn
default background, but also added the property
background-position:-100px -100px;
which isn't going to
show anything because the
btn.png
doesn't extend up
to a 100px width or height.
It's an intentional action to remove the image and
just leave only the
background-color:#FFF;
property.
The other properties in the above code (e.g.
float and
margin
) are added to position the buttons.
Before including the arrows, position the
p.navigation
selector with the help of
position:absolute
and some
right
and
top
values (e.g.
right:15px; and top:20px;
).