WordPress.org

1. aleq
   Member
   Posted 11 months ago #
   

   Hi

   http://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.)

2. Marventus
   Member
   Posted 11 months ago #
   

   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!

3. aleq
   Member
   Posted 11 months ago #
   

   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?

4. Marventus
   Member
   Posted 11 months ago #
   

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

5. coufu
   Member
   Posted 1 day ago #
   

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

Reply

You must log in to post.