Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2

Thread: formatting help

  1. #1
    New Coder
    Join Date
    Jun 2012
    Posts
    14
    Thanks
    1
    Thanked 0 Times in 0 Posts

    formatting help

    Hi guys. Im trying to make my list stack above each other. It is a gallery and i want them to be above each other, not layer on top of each other. the code i have at the moment:

    Code:
    <li class="one_fourth" data-type="birds" data-id="id-1">
    <a class="portfolio_thumbnail" href="http://vimeo.com/3218613" rel="prettyPhoto[gallery]">
    <img alt="portfolio 01" src="images/photos/portfolio_4col_01.jpg">
    </a>
    <h5>Hummingbird</h5>
    <p>Quisque nec ligula ut felis hendr erit iaculis quis sed.</p>
    </li>
    <li class="one_fourth" data-type="nature" data-id="id-2">
    <a class="portfolio_thumbnail" href="images/photos/portfolio_02_full.jpg" rel="prettyPhoto[gallery]">
    <img alt="portfolio 02" src="images/photos/portfolio_4col_02.jpg">
    </a>
    <h5>Winter</h5>
    <p>Quisque nec ligula ut felis hendr erit iaculis quis sed.</p>
    </li>
    <li class="one_fourth" data-type="food" data-id="id-3">
    <a class="portfolio_thumbnail" href="images/photos/portfolio_03_full.jpg" rel="prettyPhoto[gallery]">
    <img alt="portfolio 03" src="images/photos/portfolio_4col_03.jpg">
    </a>
    <h5>Japanese Rolls</h5>
    <p>Quisque nec ligula ut felis hendr erit iaculis quis sed.</p>
    </li>
    <li class="one_fourth" data-type="nature" data-id="id-4">
    <a class="portfolio_thumbnail" href="images/photos/portfolio_04_full.jpg" rel="prettyPhoto[gallery]">
    <img alt="portfolio 04" src="images/photos/portfolio_4col_04.jpg">
    </a>
    <h5>Autumn Fitness</h5>
    <p>Quisque nec ligula ut felis hendr erit iaculis quis sed.</p>
    </li>
    the wrapper float property is set to left at the moment. They are ordered next to each other in the x direction.

    Help would be greatly appreciated

    the page in question: http://inspired2.inspiredstudios.co....n_gallery.html

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,854
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    It is a gallery and i want them to be above each other, not layer on top of each other.
    Did you mean to align them vertically one by one?
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •