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. #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    15,060
    Thanks
    165
    Thanked 2,250 Times in 2,237 Posts
    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?


 

Posting Permissions

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