HTML and CSS Reference
In-Depth Information
The buttons will go into a new paragraph, with the
class as
navigation
.
<div class=”slider c22”>
<p class=”thumbnail”>
<img src=”includes/pictures/sample_462_225.png” alt=”#” />
</p>
<p class=”navigation”>
<a href=”#” title=”#” class=”btn”>Prev</a>
<a href=”#” title=”#” class=”btn”>Next</a>
</p>
</div><!-- end .slider -->
You may have noticed the “
btn
” class for these
buttons. Here is why you should use it:
Whenever
:hover
state for these buttons is active, the
background shown is actually the first part of the
btn.png
image or the
default
state of the buttons done
for the
#hello
container.
To save time on coding, use the same class and just
overwrite the background position for the slider
buttons only.