Vertical Alignment of Images

  • I need a little assistance with vertically aligning images. I’ve used several different types of code in both CSS and HTML within WordPress and nothing seems to affect the images. I’ve put images in tables using every conceivable setting in WordPress to make the image all at the bottom but nothing doing. I’ve tried adding css containerst to control things but to no avail. The images are still not lining across from each other at the bottom.

    Here’s what I tried so far:

    WORDPRESS

    Table with images is selected and flush left setting is checked, select again and used bottom vertical alignment in both the “Table Row Properties” and Table Cell Properties”

    CSS

    }
    td.photo-bottom {
    vertical-align: bottom;
    }

    /*AND*/

    }
    img td.bottom {
    line-height: 100px;
    }

    /*AS WELL AS*/

    }
    div.img_bottom {
    vertical-align: bottom;
    }

    /*ALONG WITH*/

    HTML

    <td class=”photo_bottom”>

    /*AND*/

    <td class=”bottom”>

    /*AND/

    <div class=”img_bottom”>

    I’m at my wits end! Can anyone help?

Viewing 3 replies - 16 through 18 (of 18 total)
  • Thread Starter Ken West

    (@ken-west)

    I currently use Cyberduck for the CSS. Thanks for the warning about changing theme styles. It is definitely confusing if you have 3 different CSS codes that are affecting one element and there are auto align, align bottom and alignnone constraints. Which code overides all of those for a table with images? (div, td class, other?)

    Thanks for all your help and advanced information. You rock WPyogi!!!

    The question of overriding is a bit complicated – it has to do with the specificity of the CSS and where the code is located (you’ll need to look up some CSS basics to understand that). But in general, you should be able to copy the existing styles and then make changes – if they don’t work, check for CSS errors, and then use Firebug to see why it’s not working – if another style is overriding yours, you can increase specificity by adding another selector (again, you need to learn some CSS – ?? ).

    But Firebug should show you what the active code is – if it’s not crossed out, it’s active.

    Thread Starter Ken West

    (@ken-west)

    Insignificant segue note: Why are more companies asking Graphic Artists to do coding? It makes my head hurt. I wish the left-side of my brain would team up more with the right-side, like you guys. Oh well, I guess it’s just the way of the world.

Viewing 3 replies - 16 through 18 (of 18 total)
  • The topic ‘Vertical Alignment of Images’ is closed to new replies.