[Plugin: WP-Table Reloaded] Place table beside contact form

Hi,

the easiest way in your case probably would be this “Custom CSS”:

#post-117 .wpcf7 {
  float: left!important;
}

#post-117 .dataTables_wrapper {
  clear: none!important;
  float: right!important;
}

#post-117 .interactive_bottom {
  clear: both!important;
}

Notice that this piece of CSS depends on the ID of the post/page, so that it does not influence other forms or tables on your site. In this case, 117 is the ID of your page, so whenever that changes (e.g. when you move the page, or want to use the CSS for a different form/table combination), don’t forget to adapt the CSS.

Best wishes,
Tobias

Hi Fiona,

no problem, you are very welcome! Great to hear that it worked!

And thanks for the donation, that is really awesome!

Best wishes,
Tobias

Hi,

yes, such a solution does also work, thanks for the hint.
(However, I don’t really recommend it, as this is mis-using a table for layout purposes, which is no longer “state of the art”. Tables should nowadays only be used for displaying data, but not for styling of a page.)

Regards,
Tobias

Hi,

I just checked again in Google Chrome 10 and Firefox 4beta8 and the table shows up nicely to the right of the form. What Firefox version are you using?

Regards,
Tobias

Hi,

it shouldn’t be, web sites should look the same, regardless of the operating system.

Unfortunately, I don’t have a Firefox 3.6.10 (on Windows) at hand to test right now, but will later today. I’ll then report on what it looks like there.

Regards,
Tobias

Hi,

I now checked again on Windows XP with Firefox 3.6.13 (not .10 as I said earlier), and everything looks nice there as well.

Have you tried emptying the cache on the Mac Firefox? Maybe you are seeing an old version there?
If that’s not it, it really seems to be a Mac issue, as I have no further ideas on where this might originate 🙁

Best wishes,
Tobias