Skip Navigation

Aligning Photos in Blog

Travel Forums System Talk Aligning Photos in Blog

Page

Last Post

21. Posted by Sander (Moderator 4811 posts) 6y

Quoting kostlin

I only have one question, that isn’t very urgent. some of the image are not aligned at the top as in this screen shot (taken from this post) but yet others are, even if they are bigger in size.
Any ideas?

You have a linebreak between those two images. Delete that, and the images should line up.

22. Posted by kostlin (Respected Member 66 posts) 6y

Quoting Sander

You have a linebreak between those two images. Delete that, and the images should line up.

Ahh, right you are. Thank you

23. Posted by kostlin (Respected Member 66 posts) 6y

thank you both of you.

I really appreciate he quick help.
I've got it looking the way I want it now, so thanks again for the great help

24. Posted by kostlin (Respected Member 66 posts) 6y

Quoting Peter

Also, one small change to your mapping code that will get rid of that funny scroll bar that has appeared (at least in Firefox it has)

.map,.tp_map {width:100%;height:300px;display:block;margin-bottom:20px;overflow:none;background:#eee;}

Thanks Peter.
This has worked on most of my posts, but I'm struggling with one that is displaying the map strangely. I now have a scroll bar at the bottom on this post and the map is displayed to the right of my images.
I cant work out what Ive done wrong.
Any ideas

25. Posted by Sam I Am (Admin 5588 posts) 6y

Quoting kostlin

Quoting Peter

Also, one small change to your mapping code that will get rid of that funny scroll bar that has appeared (at least in Firefox it has)

.map,.tp_map {width:100%;height:300px;display:block;margin-bottom:20px;overflow:none;background:#eee;}

Thanks Peter.
This has worked on most of my posts, but I'm struggling with one that is displaying the map strangely. I now have a scroll bar at the bottom on this post and the map is displayed to the right of my images.
I cant work out what Ive done wrong.
Any ideas

Add this to that rule Peter gave you: clear:both;

So it becomes this:

.map,.tp_map {width:100%;height:300px;display:block;margin-bottom:20px;overflow:none;background:#eee;clear:both;}

Should sort it out!

Post 26 was removed by a moderator
27. Posted by kostlin (Respected Member 66 posts) 6y

Quoting Sam I Am

Add this to that rule Peter gave you: clear:both;

So it becomes this:

.map,.tp_map {width:100%;height:300px;display:block;margin-bottom:20px;overflow:none;background:#eee;clear:both;}

Should sort it out!

Thanks that works, the scroll bar is still there but the map is now aligned and the scroll bar (at least in firefox) doesn't scroll so its ok.

28. Posted by Sam I Am (Admin 5588 posts) 6y

Quoting kostlin

Quoting Sam I Am

Add this to that rule Peter gave you: clear:both;

So it becomes this:

.map,.tp_map {width:100%;height:300px;display:block;margin-bottom:20px;overflow:none;background:#eee;clear:both;}

Should sort it out!

Thanks that works, the scroll bar is still there but the map is now aligned and the scroll bar (at least in firefox) doesn't scroll so its ok.

That must be a PC vs mac issue, because there aren't any scrollbars showing for me. Try changing the width to 98 or 99% instead. I think that might do the trick!

Posts 29 & 30 were removed by moderators
Page