Multiple Images in Page – Formatting Issues

bigtunelover · Member · Jun 15, 2011 at 4:42 pm
Copy link

Add topic to favorites
Hi All,

I am trying to create a page of multiple images that link to a recipe file. I only have one problem with this. Right now the images go all the way down the page in a single line. Its not very esthetically pleasing. Every time I try to put the images in two or three columns my formatting gets all messed up with two on one line and one on another. The captions even seem to get messed up.

Is there any easy way to accomplish what I am trying to do? I am open to any and all suggestions, even a totally different approach.

Thanks in advance for your help. The page I need help on is here: http://mefurbish.wordpress.com/mekitchen/

The blog I need help with is: (visible only to logged in users)
1tess · Moderator Emeritus · Jun 15, 2011 at 4:52 pm
Copy link
Can you give a link to the page you are asking about?

Offhand, I’d think you want to use tables to make your links:
http://onecoolsitebloggingtips.com/2010/03/24/align-images-html-tables-for-wordpress-blogs/
There are also online “table generators”
or you could easily learn how to make your own customized tables:
http://www.w3schools.com/html/html_tables.asp
bigtunelover · Member · Jun 15, 2011 at 4:54 pm
Copy link
http://mefurbish.wordpress.com/mekitchen/
1tess · Moderator Emeritus · Jun 15, 2011 at 4:58 pm
Copy link
You can see here what I did before learning about tables:
http://1tess.wordpress.com/essentials/recipes-by-cooking-method/

a right mess, and I have yet to make it good with my own advice…
panaghiotisadam · Member · Jun 15, 2011 at 5:12 pm
Copy link
Easiest way to do it is this (in the HTML editor):
```
IMAGE1 CODE -SPACE- IMAGE2 CODE
<br style="clear:both;" />
IMAGE3 CODE -SPACE- IMAGE4 CODE
<br style="clear:both;" />
etc.
```
Image alignment must be set to Left.
1tess · Moderator Emeritus · Jun 15, 2011 at 5:22 pm
Copy link
Ta!
You know me: make things complicated…
≥^!^≤

No items found.