1. This website uses cookies. By continuing to use this website you are giving consent to cookies being used.
    For information on cookies and how you can disable them visit our Cookie Usage page.
    Dismiss Notice

Using previous and next buttons

Discussion in 'Web Design' started by Sharron McDearmont, Sep 27, 2014.

  1. Sharron McDearmont

    Sharron McDearmont New Member

    I recently downloaded a wedding template with the capability of a photo gallery on one of the pages. My husband and I officiate weddings and plan on making good use of the photo gallery with our own photos. The template page includes previous and next buttons after the photos but being very new at this I am unable to understand exactly how they can work. This is the code in the stylesheet:

    #body div div div div div div a.prev,
    div.body div div div#gallery div#paging a.prev {
    background: url(../images/icon.png) no-repeat left -32px;
    float: left;
    text-indent: 25px;
    #body div div div div div div a.next,
    div.body div div div#gallery div#paging a.next {
    background: url(../images/icon.png) no-repeat right 0;
    float: right;
    padding: 0 30px 0 0;

    And this code is in the page itself:

    <div id="paging">
    <a href="gallery.html" class="prev">Previous</a>
    <a href="gallery.html" class="next">Next</a>

    Should I simply make three pages alike except for change in the photos, maybe call them gallery1.html for previous, gallery2.html and gallery3.html for next? It was the only thing I could think of.

    I would appreciate any help. Thank you. Sharra
  2. KelvinSmith

    KelvinSmith New Member

    Last edited: Oct 27, 2014