Thumb Boxes

Get Started
1

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

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

There is some float “snagging” going on there.

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


.portfolio_box {
  [s][COLOR="#FF0000"]float: left;[/COLOR][/s]
  margin-right: 30px;
  margin-bottom: 40px;
  width: 300px;
  [COLOR="#0000FF"]display: inline-block;
  vertical-align: top;[/COLOR]
}
4

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

Thank you all for you help much appreciated.
Barry

7

Happiness is “getting the rendering to ‘do what I want you to do’ and not ‘what I tell you to do’” :slight_smile: