TinyMCE table problem (text position)

  • Hi

    https://www.toonhaze.com/ This is my website and I am having trouble getting tables to work using a WYSIWYG plugin TinyMCE. I’ve made a table consisting of 2 columns and 5 rows. First column is for the image and second one is for description. Title is in the top of the second column and short description below it (in the same box).
    As you see the text is at the bottom and I don’t know how to force it to:

    1). be on the same level as the image
    2). be in the top of the square (cell)

    Please help

    EDIT: Here is what it looks like in Dashboard https://dl.dropbox.com/u/10484650/tables.png

    (Another weird thing is that I don’t see the horisontal borders of the tables (I use Twenty Eleven theme) which makes it harder for me to work with tables. If this question could be answered as well, I would be very glad.)

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi.
    You need to apply the vertical-align CSS property to your <td> tags from your theme’s main style sheet (style.css).
    If you only want to target tables in your content area, do this:

    #main table td {
vertical-align: middle;
}

    Cheers!

    Thread Starter aleq

    (@aleq)

    Awesome. Thanks ?? But… when I try to seperate “Title” from “Description”, they merge together when I preview… is there a way to force Title to be at the top and the description to be 2 lines below it?

    Yeah, you can stick each text in different table rows or use the <br> tag (line jump).

    Just wanted to say thanks a lot ?? This fixed my problem exactly. Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘TinyMCE table problem (text position)’ is closed to new replies.