Thumb Boxes

[Barry360]

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

[rickibarnes]

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.

[ralph.m]

There is some float "snagging" going on there.

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

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

[John_Betong]

Try changing the order of the last two thumbnails and making portfolio_box box_last the last item:

<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> 

[Barry360]

Try changing the order of the last two thumbnails and making portfolio_box box_last the last item:

<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> 

[Barry360]

Thank you all for you help much appreciated.
Barry

[John_Betong]

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'"