Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Display Thumbnails in Gallery Script Horizontally?

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #44608
    MBM
    Participant

    I’m trying to adapt :

    How to create a simple CSS gallery without using JavaScript

    http://basicuse.net/articles/pl/textile/html_css/how_to_create_a_simple_css_gallery_without_using_javascript

    In his example the thumbnails are displays vertically to the left of the large image. I want to display them horizontally under the bottom of the large image.

    #gallery {
    width: 600px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin: 100px auto;
    border: 2px solid #003C72;
    }
    #navigation {
    list-style: none;
    padding: 0;
    margin: 0;
    float: left;
    }
    #navigation li {
    padding: 0;
    margin: 0;
    float: left;
    clear: both;
    }
    #navigation li a img {
    display: block;
    border: none;
    }
    #navigation li a {
    display: block;
    }
    #full-picture {
    width: 500px;
    height: 375px;
    overflow: hidden;
    float: left;
    }

    #134334
    Paulie_D
    Member
    #134336
    MBM
    Participant

    Thanks.

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.