Slideshow embedded in table cell forces adjacent cell text downward

  • Resolved jkshay

    (@jkshay)


    11 years, 9 months ago

    I’m attempting to embed a Stefan Boonstra slideshow into a 2-column, 1 row table, and I’d like to have text in the adjacent cell. I have no problem seeing the slideshow or the text, but it appears that the slideshow in the left cell is forcing the text in the right cell downward. I’ve tried adding valign=”top” to the cell containing the text to no avail.

    The slideshow/table in question is located at https://www.lisakarenward.com/newsite2/wordpress. Anyone have any idea why this is happening, and what I can do to get my text to appear in the top of the table cell?

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter jkshay

    (@jkshay)

    Using Chrome Developer Tools, I noticed that my table cell was inheriting a “vertical-align: baseline” setting from the parent theme’s style.

    I added a “home_page_table_text” class to my table cell:
    <td class="home_page_table_text">

    and an appropriate entry in my child theme’s style.css:

    .home_page_table_text {
vertical-align: top;
}

    And now my text is properly displaying at the top of the cell adjacent to the slideshow.

    Thread Starter jkshay

    (@jkshay)

    IE was still ignoring the style setting, so I had to modify my table cell tag as such:
    <td valign="top" class="home_page_table_text">

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Slideshow embedded in table cell forces adjacent cell text downward’ is closed to new replies.