WordPress.org

1. samhell
   Member
   Posted 10 months ago #

   I'm currently working on my portfolio site, and everything is going pretty well, except I've run into a brick wall regarding table reloaded.
   I'm trying to place a table on a page, that has 2 rows, and 3 columns,
   with the lower second row being colspan'd all the way across the width of all three columns. I'm having issues with trying to get the text in row 1 to be aligned middle and to the left, I'm embedding a nextgen gallery in the lower row that is colspan'd. I can't get the nextgen gallery to be aligned centered while the text up top is to aligned to the left. It seems that the top row 1 is overriding the custom css for row 2, what am I doing wrong?
   I could do it with 2 tables, but I'm having issues of a small gap bewteen the tables, even with datatables turned off, which is another thing I can't figure out. I would greatly appreciate any help that will solve this issue.
   I'm trying to use this css to format them:

   .wp-table-reloaded-id-2 .row-1 td{
   text-align: left!important;
   vertical-align: middle!important;
   }
   .wp-table-reloaded-id-2 .row-2 td{
   text-align: center!important;
   vertical-align: middle!important;
   }

   I have an illustration of what I'm trying to accompolish here:
   http://item.slide.com/r/1/002d/i/4FqgPAIZ2j80Gt4m0m0GAulEHy-8XEop/

2. TobiasBg
   Member
   Posted 10 months ago #

   Hi,

   from what I can see, your CSS code looks correct.

   Now, sometimes the text-align CSS attribute is not working for complex objects like <div>s and so on, so a different method to center the gallery might be needed.
   To find out what exactly is necessary, I would like to take a look at the table. Can you post a link to the page?

   Regards,
   Tobias

3. samhell
   Member
   Posted 10 months ago #

   Tobias, thanks, and thanks for the plugin, great stuff.
   The site is my personal portfolio site, so I want to keep it private,
   would it be possible that I send you a link and you can see what I have
   going on.
   Thanks

4. TobiasBg
   Member
   Posted 10 months ago #

   Hi,

   yes, of course that's possible. Just drop me an email, the address is in the main plugin file "wp-table-reloaded.php".

   Regards,
   Tobias

5. samhell
   Member
   Posted 10 months ago #

   Thank you Tobias. Last night he helped me figure out an easy solution
   to the gap between tables I was having which makes what I was trying
   to do much easier in the first place.
   In my WP-Table Reloaded custom CSS I had the wrong margins for the tables.
   This is the code I needed that fixed my gap problems. If anyone else has a problem with space between tables and you have datatables disabled and still have the problem. This is one possible solution.

   .wp-table-reloaded-id-1 {
   margin: 0px auto 0px!important;
   }

   I had the margins set 04 and 04 instead of 0's.
   Thanks Tobias, your plugin makes life easier.

6. TobiasBg
   Member
   Posted 10 months ago #

   Hi,

   thanks for posting this here as a reference for others! Hopefully it will be useful.

   And you are very welcome for the help!

   Best wishes,
   Tobias

Reply

You must log in to post.