Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme »

[SOLVED] sad lack of satisfactory “image handling” -- image alignment driving me bonk


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Sep 26, 2009, 11:22 AM
boldizar
 
3 posts · Sep 2009
[SOLVED] sad lack of satisfactory “image handling” -- image alignment driving me bonk

Image alignment is driving me bonkers. I publish print articles at least once a month, and since the rights revert to me I try to put them on my site, using thumbnail images to link to articles. But since the magazines in which I publish have slightly different sizes, and the titles vary in length, it takes me hours to adjust the thumbnails so that they align left, one after the other, rather than leaving one dangling by itself when the screen is resized. http://www.boldizar.com/blog/nonfiction/

Jim at http://wordpress.bytesforall.com/?p=67#comments wrote me back saying: “I’m with you completely on the sad lack of satisfactory “image handling” ..though, I’d encompass the whole WordPress scene and not just zero in on Atahualpa. You might consider either locking the width of your site or, at least, setting min and max widths. I’m noticing a lot more fixed width sites these days. Another cure might be to look into having your thumbnails and comments handled by a plugin such as NextGen Gallery or somesuch. I’d suggest asking questions at the Atahualpa forum at BytesForAll — there are A LOT of Atahualpa users and some of them are very clever AND helpful!“

Neither locking the widths nor using a gallery are optimal solutions for me. Is there no way to simply have the images-with-captions stack left one after the other?

I would be grateful for any advice!!
  #2  
Old Sep 26, 2009, 01:37 PM
juggledad's Avatar
juggledad
 
21,957 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
How are you getting the images into the post? are you using a plugin or coding the code by hand?

If doing it by hand, have you thought of using a table?
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
  #3  
Old Sep 26, 2009, 05:57 PM
Flynn's Avatar
Flynn
 
3,754 posts · Oct 2008
Munich, Germany
This is a limitation of CSS itself, if your containers don't have the same height, some of them will hang somewhere in the middle.

Give them a height with A CSS Insert:

div.wp-caption {height: 210px}

to have them align properly. When the caption text doesn't fit in, the boxes should still align but the text would stick out of the borders of the caption. To avoid this give the wp-caption as much height as needed to cover even the longest caption texts. This will create white space in the boxes with less text, but what you're after would create white space below the boxes, so there will be white space either way. Giving the boxes a fixed height and bringing the white space into the boxes is the cleaner looking alternative in my opinion.

And regarding fixed width becoming popular. They've always been popular, maybe because they're easier to deal with? A fluid width layout that doesn't break in any browser is much harder to accomplish.
  #4  
Old Sep 27, 2009, 10:06 PM
boldizar
 
3 posts · Sep 2009
Thanks, Flynn! That seems to have done the trick. I'm a noob at this stuff, so I wasn't sure where to stick the CSS insert, but I went into style.css, looked for the area that talked about captions, and added your line at the end. My Nonfiction page caption-image-links are now aligning perfectly, and I can even take the "....." placeholders out that I'd previously used to make all the captions the same size. I'm just hoping it doesn't now force all my images on other pages that include captions into a height of 210px.

Time to figure out how to make a donation...

Bookmarks

Tags
image handling alignment

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[How To] Replacing the Atahualpa header image with a 'sliding door' image menu jack96161 Header 57 May 17, 2012 07:41 AM
[SOLVED] why insert image into image header in place to the blogtitle (like a logo) ? gilles Header configuration & styling 1 Sep 5, 2009 04:14 AM
How to replace the default feed image in the header to Feedburner chicklet i vishvadeep Header configuration & styling 0 Aug 24, 2009 08:29 PM
[SOLVED] Need static header image to display on the front page but no image on any o joaodagraca Header configuration & styling 2 Aug 10, 2009 01:45 AM
nextGen gallery with image rotator as header image shatchp Header configuration & styling 1 Feb 13, 2009 07:40 PM


All times are GMT -6. The time now is 12:17 AM.


Powered by vBulletin® Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.