Can't align images in rows

This topic has 3 replies, 2 voices, and was last updated 10 years, 9 months ago by Eric.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
July 17, 2013 at 11:59 am #5900
DigitalEssence
Customer
Hi,

I’m having issues aligning images in rows.

I’m trying to get 3 images per row, one aligned left, center and right and I seem to have random images which don’t align right and drop one row down.

It doesn’t happen with all of them so it’s not an issue with the width being too large for them to float on the same level and no matter how I fiddle and play with it, it always seems to be the first row that has this issue.

A link to the page is as follows: http://innerleithenholidaylets.digitalessence.net/properties/

Can you shed any light on this for me as I’m starting to lose the will to live!

Thanks.
July 18, 2013 at 2:19 pm #5912
Eric
Customer
It would be much easier to have them all float left, they’ll show up exactly the same. You can’t really have a float left, then center, then right when it comes to css. They need to all be float left.

Also you don’t have enough space for 3 on a row. You would need to either decrease the width of each div or increase the content width –
```
.content-sidebar #content, 
.sidebar-content #content {
    width: 632px;
}
```
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
July 18, 2013 at 2:41 pm #5914
DigitalEssence
Customer
doh.

Of course. What an idiot. I’ve changed them all to alignleft and a width of 170 and it’s sorted.

Can’t believe I hadn’t thought of that. Must be the heat melting my brain.

Thanks Eric.
July 18, 2013 at 9:48 pm #5920
Eric
Customer
No problem. Glad I can help!

I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Can't align images in rows’ is closed to new replies.