Question

I’m receiving this weird problem when updating the structure of my site.

Site URL is http://nailian.ca.

I have many many per page, but when I give them a

thumbnail {float:left; width:150px; height:200px; margin:6px;}

they start to align diagonal to each other on my front page.

I know it has something to do with other parts of the CSS since I can do this trick with no problem on an online practice board.

But why on my site it acts sooo moody!!??

Answer 1

The initial problem is that your html structure goes like this:

1. .thumbnails are the containers for your images.
2. Which means you have post container in between every image for some
   reason.
3. You should get the post’s away from between or put all the images
   inside one post.

( note that the post containers are empty. )