Hi,
this is the result of some “Custom CSS” that you have in your site.
There are a few instances where your tell four of the columns to have 50% of the width. Additionally, you have added explicit widths (pixel values) in the Shortcode. All of this probably leads to the conflict.
For example, in the Shortcode, you actually tell the second column to be this wide.
For the other table:
This comes from some negative margin that is added to your images. Please try adding
.wp-table-reloaded-id-51 img {
margin-bottom: 0px!important;
}
Regards,
Tobias
Thank you 🙂
http://www.f1arab.com/f1-2011-calendar/
Looks ok now, but how do I move the flags to the center?
As for the first question, the only shortcode i used is ;
[table id=59 /]
Thanks again.
Hi,
ah, ok. You want to center them horizontally as well. Then try the following “Custom CSS”. The code from my previous post should not be needed then.
.wp-table-reloaded-id-51 img {
margin: 0px auto 0px!important;
}
For the other table: Weird. Then, as a first step, please deactivate the usage of the DataTables library for this table, by unchecking the “Use JavaScript library” on the table’s “Edit” screen. You currently have deactivated all features, but it is better to deactivate the entire library in that case.
If that does not yet help, add the following code additionally:
.wp-table-reloaded-id-59 th,
.wp-table-reloaded-id-59 td {
width: auto!important;
}
Regards,
Tobias
Thanks,
The flag part is done 🙂
I de-activated the javascript, I even added the code and nothing has changed 🙁
Hi,
ok, it seems that another small change is required. Please try again with:
#wp-table-reloaded-id-59-no-1 th,
#wp-table-reloaded-id-59-no-1 td {
width: auto!important;
}
Regards,
Tobias
Woah 😀 I replaced it an it worked 😀
Thanks a lot 😀 I can’t enable javascript now?
Hi,
very nice! Good to hear that!
Yes, you can try to enable JavaScript again now, but what is the purpose if you have disabled all features anyway?
Regards,
Tobias
Oh Yes you are right. Sorry, I just feel “Better” if javascript is enabled 😛 that’s what I do for most of my tables.
I got a very serious question. Please have a look at this table :
http://thef1times.com/news/display/04747
In Formula1, there are 5 results (5 tables) for each weekend, how can i generate these? I don’t want to create 5 manual tables each time and edit the CSS. Is it possible to create just one table? and add the results for each session?
I hope you understand me, sorry for my english. But i want a common table, a fixed table with fixed CSS that I can use it to post the results, I don’t want to create 5 different tables each time to put the 5 results.
Thanks 🙂
Hi,
unfortunately, I don’t really see a solution for this, sorry 🙁
For such advanced things that rely on dynamic (or often changed) data, a custom solution based on PHP/mySQL with a separate database is probably better.
Regards,
Tobias
