Bottom image alignment

• 

  niarb · Member · Jan 29, 2012 at 9:58 pm

  • Copy link
  • Add topic to favorites

  Hi, I have a problem with bottom alignment of images.
  In my bibliography page, I have a list of book titles and, next to each title, a small penguin con linking to the post where that book is discussed.

  While in the visual editor the penguins look nicely aligned to the line of text they refer to, in the actual web browser they all sit above the line of text.
  What is my mistake?
  I use The Morning After theme.
  Thank you!

  The blog I need help with is: (visible only to logged in users)

• 

  niarb · Member · Jan 29, 2012 at 9:59 pm

  • Copy link

  Sorry, “penguin ICON” not “penguin CON”.

• 

  panaghiotisadam · Member · Jan 29, 2012 at 10:09 pm

  • Copy link

  Remove these:
  align="BOTTOM"

  and change these:
  <img title=ETC ETC

  to:
  <img style="vertical-align:-33%;" title=ETC ETC

• 

  niarb · Member · Jan 29, 2012 at 10:20 pm

  • Copy link

  Amazing!! I didn’t know that syntax. Thank you very much!

• 

  panaghiotisadam · Member · Jan 29, 2012 at 10:29 pm

  • Copy link

  You’re welcome!

• 

  panaghiotisadam · Member · Jan 29, 2012 at 10:35 pm

  • Copy link

  But I spoke too soon. Your images align correctly in my Safari but not in my Firefox. Better use this instead:
  style="margin-bottom:-1px;"

• 

  niarb · Member · Jan 29, 2012 at 10:58 pm

  • Copy link

  OK, I’ve changed to that. Thanks again!!