How do I begin new text below left aligned image?
-
Hi – I’ve searched the FAQs and Forum and can’t find an solution to my problem. I’m trying to create a
- list, with each item containing thumbnails of photos in other posts. I have the thumbnails left aligned horizontally across the page underneath the title line and have them sized to fit three across. If there are fewer than three thumbnails in a row, the text for the next
- item moves up into the empty space to the right of the last thumbnail in the row. I want the new
- text left aligned below the thumbnail row for the previous
- item. The following url shows a screenshot of what is happening (I want Cicindela (s. str.) denverensis to begin below the third row of thumbnails):
http://beetlesinthebush.files.wordpress.com/2008/12/wordpress-screenshot.jpg
Thanks, Ted
-
-
-
-
You’re welcome. But I guess I misunderstood, and you wish to have the list formatting anyway. If you retain it, then change all thumbnails to alignnone.
-
Yes, I want the list formatting to created a nested structure for each category of thumbnails. When I change all thumbnails to alignnone, it stacks them vertically. Having the last thumb alignnone and the others in the row alignleft keeps them in a horizontal row and bumps any following text to the next line.
Regards — ted -
Here’s a new screenshot – perfect:
http://beetlesinthebush.files.wordpress.com/2008/12/wordpress-screenshot-2.jpg
regards — ted -
You could also use a table to display your images like that.
<table border="0"> <tbody> <tr> <td>DATA1_HERE</td> <td>DATA2_HERE</td> <td>DATA3_HERE</td> </tr> <tr> <td>DATA4_HERE</td> <td>DATA5_HERE</td> <td>DATA6_HERE</td> </tr> </tbody></table> -
That’s what I would have done – with an addition in the beginning to make it indented:
<table border="0" style="padding-left:30px;"> -
Yes, that would work. For the text above the row of thumbnails, would I need “colspan=3”? Also, if I don’t have an image for the 3rd cell in the row, do I write:
<td></td> </tr> -
1. Yes, but careful with the quotation marks. Such a row of text would be
<tr><td colspan="3">TEXT_HERE</td></tr>
But since you have several lines like that after the images, I would only use the table code for the groups of images and write those lines as plain text, just indented.2. Yes, an empty cell could be the opening and closing “td”with nothing inbetween, but this is safer:
<td> </td> -
Yes, I had just arrived at the same conclusion to use table code only for the image groups.
If and when we ever have the ability to create multiple galleries on a single page/post, all this will be moot. But for now, this seems like an easy and practical solution to what I am trying to do.
THANKS for all your help.
Regards–Ted
-
You’re welcome.
Multiple galleries in a post ARE possible – see here:
http://gammagirl.wordpress.com/2008/07/27/not-the-official-wordpresscom-gallery-faq/
-
But, to me, combining each group of images into a single image (in an image editing application) might be more practical.
-
Interesting workaround – although it doesn’t appear very straightforward. If I read correctly, the additional galleries must each be created in a separate published post/page, which must not be deleted or the gallery will be lost. That is okay for a couple of galleries on a page, but I will have several dozen groups of pictures on these pages. If I’m misinterpreting the info in that post please let me know.
Also, I will want the ability to add additional thumbnails to the different image groups over time – if I create a single image of each group then I would have to edit that image and replace each time I add a thumbnail. Given that, grouping thumbnails in a table seems the most practical solution.
Regards–Ted
-
Not at all straightforward (or suitable in your case) – I just mentioned it to have the record straight re what is possible with galleries.
If you don’t care for the little ornament your theme produces for listed items, the most straightforward solution is simply properly sized thumbnails set to alignnone and stuck to one another – no table, no nothing, just indentation.
-
Hmm… Well, I went back and tried it with all the code stripped out like you suggest – that works just fine! I think when I tried it before I didn’t make sure ALL images were set to alignnone. This will certainly simplify setting up these pages!
This has been a good exercise to help me better understand the use of align. It’s a little embarrassing to be able to write code for tables and lists but not really ‘get’ such a basic concept. I moved my site to WordPress a week ago, so hopefully I’ll figure out all these basic concepts soon. Thanks for your patience.
Regards,
Tedp.s. I must say that despite my trouble figuring out this issue I’ve been VERY impressed with WordPress functionality – and even more impressed with the speed and quality of feedback on this forum when I’ve had questions!
- The topic ‘How do I begin new text below left aligned image?’ is closed to new replies.
WordPress.com Forums 
