How to align images so there is no “wasted space”

  • Author
    Posts
  • #501974

    ladyaeolusia
    Member

    I’ve run up against another stumper which might or might not need to be written as tables…which I know zilch about! Say you’ve got a really long (vertically) image (which, come to think, in this case IS a table) that would be better if it had smaller images set alongside it to fill up that acre of white space on the right side… Then, on down the page are more ordinary sized images that might not need anything. How would I do this? Or is it possible to use the “two column” code?

    The blog I need help with is ladyaeolusia.wordpress.com.

    #502081

    1tess
    Moderator Emeritus

    You could make a table within a table, or you might use columns.

    Please be more specific, or even publish the images you want to organize. To be useful, you want code to be precise…

    (and while you are telling more details, please include a link to the site you are asking about)

    #502106

    ladyaeolusia
    Member

    My Bad Again. =) Here’s the link and also the draft post–which is an easy way to give a clear idea of what I’m talking about:

    http://ladyaeolusia.wordpress.com/2010/07/25/links/

    #502107

    ladyaeolusia
    Member

    Oops, giving the permalink won’t do…I didn’t know that.

    OK, try this:

    [Link removed by Slik, Please refer to this reply why your link was removed]

    #502108

    timethief
    Member

    @ladyaeolusia
    If you would like to link your wordpress.com username to your wordpress.com blog it’s easy to d and doing so will mean you don’t have to wait as long to get answers to the support questions you ask on this forum.

    Dashboard > Users -> Personal Settings-> then scroll down to ‘Account Details’. In the spot where it says ‘Website’ fill in the complete URL for your blog http://ladyaeolusia.wordpress.com/ and save the changes.

    #502111

    1tess
    Moderator Emeritus

    @ladyaeolusia

    I can’t see a post unless it is published! Volunteers don’t have access to your dashboard.

    #502157

    ladyaeolusia
    Member

    OK, timethief, thanks for the advice, I didn’t know how to do that and have really been wanting to conveniently link up somehow, so that the url shows in each post.

    Sorry Tess, I can easily publish that page…

    #502160

    ladyaeolusia
    Member

    Here you are…it’s quite messy, but a work in progress…

    http://ladyaeolusia.wordpress.com/2010/07/26/links/

    #502161

    1tess
    Moderator Emeritus

    @ladyaeolusia

    It’s getting toward bedtime, and if you don’t want to wait until tomorrow, you could take a look at this:
    http://wpbtips.wordpress.com/2009/06/10/formatting-text-pt-1/
    (scroll down to the part about columns and tables)
    Play around with the code and come on back if you still need help.

    (and Panos won’t bite if you comment directly on his blog…)

    #502164

    1tess
    Moderator Emeritus

    rats, I should have refreshed before submitting

    Ok, so your table starts with “Thanks to All for the Kind Reviews
    and you want the image links to be placed to the right of that?

    #502165

    1tess
    Moderator Emeritus

    OK, This is straightforward:

    <table style="background-color:#HEX_NUMBER;" border="0" cellspacing="0" cellpadding="2" width="100%">
    <tbody>
    <tr>
    <td width="20" align="left" valign="middle">LEFT_CONTENT</td>
    <td align="center" valign="middle">RIGHT_CONTENT</td>
    </tr>
    </tbody>
    </table>

    Choose a background color and paste the name or number where it says hex number.

    Paste your table where it says left content.

    Then where it says right content, add the pictures one by one with a return between each of them. You can use the visual editor (advanced mode) to add vertical distance between them if needed.

    You may need to adjust the sizes of your images.
    If the pictures you want below the table are centered, then just add them as normal.
    If you want more pictures per row below, then you might want to add rows to this table.

    #502168

    ladyaeolusia
    Member

    It’s well past bedtime for me here, can barely tpye anymore

    YES, even without investigating till tomorrow…errrh, later today…I’m sure that what you pasted here will work ! I will also read the documentation on columns and tables…maybe it won’t be too scary… I can do columns, I’ve just never had any tables experience.

    I’ve tinkered with a good few themes and the current one has a somewhat shorter reading/viewing area than the last one I tried. Which means I might just have to place the remaining images into horizontal rows. But we shall see!

    thanks

    #502169

    Before thinking about tables:

    1) How did you create the post? What’s this bg image doing there?
    http://i71.photobucket.com/albums/i130/lady_aeolusia/Graphics/paper4.jpg
    And what’s the link to http://(email redacted)/entry.html doing there?

    2) Why are the images uploaded to photobucket instead of your blog?

    3) One of them is deleted. The rest are 288, 200, 249,
    310, 238, 253, 338, 250, 231, 150, 117 px wide. Do you really want that?

    #502227

    ladyaeolusia
    Member

    Pana, my whole plan has been to move an old and out-moded website over to WP to save myself some hassles with html and css validation, etc. since I know so little about either one…

    I recognize the “paper4.jpg,” I copied old html from old pages and that sort of came along for the ride, by mistake… That’s one of my BGs for the old site pages.

    The “entry.html” isn’t even correct, I was dithering about using a friend’s webspace but decided to stick with what I’ve been using for ages.

    Which begs a question, is it OK and kosher to have a ‘back’ link over to an ordinary online index or entry page? My WP blog is meant to be either a “library” section of my site, or else maybe contain the whole, I haven’t decided yet. But in any case, it would make life easier to put all text here.

    And, maybe, the Links page I’ve been working with shouldn’t even stay at WP, since it really isn’t part of the text (fiction, short stories, poetry, &c.) I should probably just keep that elsewhere. Now you mention the strange image sizes, I believe that page should be deleted completely from here.

    So you see, it’s kind of a mess right now, like remodeling a house…!

    #502325

    The problem I am having is getting gallery images to link to a website rather than the image. Any advice?? Is there a gallery plug in I should be using?

    #502326

    timethief
    Member

    There is no FTP access to free blog from and being free hosted by wordpresss.com blogs so we cannot upload plugins into them.

    Are you using the instructions here > http://en.support.wordpress.com/images/

    See also http://en.support.wordpress.com/images/gallery/
    and http://en.support.wordpress.com/images/image-alignment/

    #502327

    I am working on a paid WordPress site that allows plugins… I had already viewed the information in your links. I am wanting the clean look of the gallery but I want each image to link to another website (outside of my blog)

    Maybe I should use a table instead?
    I would need one with 3 columns, 3 rows…

    #502328

    Nevermind. I used a table and it worked great =)

    #502329

    ladyaeolusia
    Member

    I kinda gave up on the problems I described earlier (geez, that post sounds like it was written a year ago!), opting instead for keeping my WP site as text-only. It’ll save me some headaches and hair pulling…and from hints I’ve gotten around the forum, some teeth grinding on the part of a few readers as well… My current personal motto: Keep It Simple, Stupid!

    But, if I were still trying to do what I spoke of before, I’d keep a table on its own page and other related images on a different page…

The topic ‘How to align images so there is no “wasted space”’ is closed to new replies.