SitePoint Sponsor

User Tag List

Results 1 to 7 of 7

Thread: Thumb Boxes

  1. #1
    SitePoint Enthusiast
    Join Date
    Nov 2011
    Posts
    78
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Thumb Boxes

    I'm trying to bring the wine bottle up to the left of the camera,
    Every thing looks ok why can't I mave it? http://www.see360degrees.com.au/samples.html
    Refer to images toward the bottom of the page.
    Thanks,
    Barry

  2. #2
    SitePoint Enthusiast
    Join Date
    Jul 2005
    Posts
    52
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You're missing your clear div: <div class="clear"></div>. You need this between the divs for the boy's sports shoe and the camera. You're also missing it in between some of your other rows - I have no idea why the camera is the only row that's broken.

  3. #3
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,177
    Mentioned
    454 Post(s)
    Tagged
    8 Thread(s)
    There is some float "snagging" going on there.

    For much nicer results, remove float: left and use display: inline-block instead:

    Code:
    .portfolio_box {
      float: left;
      margin-right: 30px;
      margin-bottom: 40px;
      width: 300px;
      display: inline-block;
      vertical-align: top;
    }

  4. #4
    SitePoint Mentor bronze trophy
    John_Betong's Avatar
    Join Date
    Aug 2005
    Location
    City of Angels
    Posts
    1,833
    Mentioned
    73 Post(s)
    Tagged
    6 Thread(s)
    Try changing the order of the last two thumbnails and making portfolio_box box_last the last item:

    PHP Code:

    <div class="portfolio_box box_last">
        ...
       ...
       <
    img src="images/green_grey/portfolio/diadoria-thumb.jpg" alt="portfolio item" class="image">
       ...
       ...
    </
    div>

    <
    div class="portfolio_box">
       ...
       ...
       <
    img src="images/green_grey/portfolio/002.jpg" alt="portfolio item" class="image">
       ...
       ...

    </
    div
    Last edited by John_Betong; May 24, 2012 at 22:51. Reason: removed confusing script
    Learn how to be ready for The New Move to Discourse

    How to make Make Money Now with a *NEW* look

    Be sure to congratulate Patche on earning Member of the Month for July 2014

  5. #5
    SitePoint Enthusiast
    Join Date
    Nov 2011
    Posts
    78
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Thank you all for you help, very much appreciated.

    Quote Originally Posted by John_Betong View Post
    Try changing the order of the last two thumbnails and making portfolio_box box_last the last item:

    PHP Code:

    <div class="portfolio_box box_last">
        ...
       ...
       <
    img src="images/green_grey/portfolio/diadoria-thumb.jpg" alt="portfolio item" class="image">
       ...
       ...
    </
    div>

    <
    div class="portfolio_box">
       ...
       ...
       <
    img src="images/green_grey/portfolio/002.jpg" alt="portfolio item" class="image">
       ...
       ...

    </
    div

  6. #6
    SitePoint Enthusiast
    Join Date
    Nov 2011
    Posts
    78
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thank you all for you help much appreciated.
    Barry

  7. #7
    SitePoint Mentor bronze trophy
    John_Betong's Avatar
    Join Date
    Aug 2005
    Location
    City of Angels
    Posts
    1,833
    Mentioned
    73 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by Barry360 View Post
    Thank you all for you help much appreciated.
    Barry
    Happiness is "getting the rendering to 'do what I want you to do' and not 'what I tell you to do'"
    Learn how to be ready for The New Move to Discourse

    How to make Make Money Now with a *NEW* look

    Be sure to congratulate Patche on earning Member of the Month for July 2014


Bookmarks

Posting Permissions

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