WordPress.org

Forums

WP-Table Reloaded
Bottom align images (2 posts)

  1. ccwadsworth
    Member
    Posted 4 years ago #

    Hi Tobias
    I am trying to bottom-align the icons I have built into a table.

    http://hansonholisticcenter.com/WWC/

    I have actually used 2 different tables for these - one with 3 columns and one with 2
    I would like to bottom align the icons, as well as, right justify the "cafe" icon so that it is centered under the top 3 icons.

    Here is the code I have tried on the bottom table:

    .wp-table-reloaded-id-11.column-1 {width: 150px;img.alignright!important}
    .wp-table-reloaded-id-11 img.alignbottom!important {margin: 0!important;}

    Also, if you have a better suggestion for lining these up on the page, I'm all ears!
    Thank you!

  2. TobiasBg
    Member
    Plugin Author

    Posted 4 years ago #

    Hi,

    just a quick note to begin with: That CSS is unfortunately incorrect, and you should remove to not break further CSS.

    Now for the alignment: What you want is to align the text at the same height, right? That is unfortunately not possible with those images. The reason is that they all have the same image height, but are not having the same positioning in them. Actually it is the "treatments" image that stands out. The text has a different position relative to the top in that image, compared to the other images. And that is something that can't be fixed with CSS. (You could use "absolute" CSS positioning, but I don't recommend that with tables.)

    What you will need to do is to get the images to have the text in the same relative position.

    Best wishes,
    Tobias

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • WP-Table Reloaded
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic