Title: Alignment!
Last modified: August 21, 2016

---

# Alignment!

 *  Resolved [dragon_matt](https://wordpress.org/support/users/dragon_matt/)
 * (@dragon_matt)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/alignment-20/)
 * Dear Tobias,
 * I know you can help me to solve this. Either I’m doing something wrong, or I’m
   doing it the wrong way.
 * I’m trying to get three tables next to each other, like this:
    [http://blogs.isb.bj.edu.cn/faculty-blogs/](http://blogs.isb.bj.edu.cn/faculty-blogs/)
 * I got this far:
    [http://blogs.isb.bj.edu.cn/faculty-blogs-demo/](http://blogs.isb.bj.edu.cn/faculty-blogs-demo/)
 * Here is the CSS I have pieced together:
    .tablepress .odd td { background-color:#
   44403f; } .tablepress .even td { background-color: #ffffff; }
 * .tablepress-id-2 {
    width: 50%; float: left; }
 * .tablepress-id-3 {
    width: 50%; float: middle; } .tablepress-id-4 { width: 50%;
   float: right; }
 * .tablepress thead th {
    background-color: #d8d8d8; }
 * .tablepress .row-hover tr:hover td {
    background-color: #c2c2c2; }
 * The questions! So how can I get the three tables next to each other? And what
   did I do wrong for the hover colour? It remains blue.
 * I’m doing three tables because I was to easily be able to add a new cell if and
   when a new blog is created and keep the list in alphabetical order.
 * Thank you so much for any assistance!
 * Matt
 * [https://wordpress.org/plugins/tablepress/](https://wordpress.org/plugins/tablepress/)

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

 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/alignment-20/#post-4599908)
 * Hi,
 * thanks for your post, and sorry for the trouble.
 * The reason for this are the advanced JS features that you are using on these 
   tables. Those add wrapping `<div>` element around the tables.
    Therefore, please
   uncheck the “Use DataTables” checkbox on the “Edit” screens of the three tables.
   Then, please try again with this “Custom CSS”:
 *     ```
       .tablepress .odd td {
       	background-color: #f1f1f1;
       }
       .tablepress .even td {
       	background-color: #ffffff;
       }
       .tablepress thead th {
       	background-color: #d8d8d8;
       }
       .tablepress .row-hover tr:hover td {
       	background-color: #c2c2c2;
       }
       .tablepress-id-2,
       .tablepress-id-3,
       .tablepress-id-4 {
       	width: 32%;
       	float: left;
       	margin-right: 5px;
       }
       ```
   
 * Regards,
    Tobias
 *  Thread Starter [dragon_matt](https://wordpress.org/support/users/dragon_matt/)
 * (@dragon_matt)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/alignment-20/#post-4600001)
 * No trouble! I’m the trouble.
 * That works exactly. Thank you so much!
 * Matt
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/alignment-20/#post-4600014)
 * Hi,
 * no problem, you are very welcome! 🙂 Good to hear that this helped!
 * Best wishes,
    Tobias
 * P.S.: In case you haven’t, please [rate TablePress](http://wordpress.org/support/view/plugin-reviews/tablepress)
   here in the plugin directory. Thanks!

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

The topic ‘Alignment!’ is closed to new replies.

 * ![](https://ps.w.org/tablepress/assets/icon.svg?rev=3192944)
 * [TablePress - Tables in WordPress made easy](https://wordpress.org/plugins/tablepress/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/tablepress/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/tablepress/)
 * [Active Topics](https://wordpress.org/support/plugin/tablepress/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/tablepress/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/tablepress/reviews/)

## Tags

 * [alignment](https://wordpress.org/support/topic-tag/alignment/)

 * 3 replies
 * 2 participants
 * Last reply from: [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * Last activity: [12 years, 3 months ago](https://wordpress.org/support/topic/alignment-20/#post-4600014)
 * Status: resolved