Image rollover in CSS problem

Hi,

thanks for your post, and sorry for the trouble.

Before we investigate this, please switch to TablePress. WP-Table Reloaded is no longer supported.
See https://tobias.baethge.com/2013/01/tablepress-replaces-wp-table-reloaded/ for details.

Regards,
Tobias

Thanks Tobias,

I have switched to TablePress, but my column grid has gone and pls solve my above problem.

Hi,

good to hear that you updated. The table looks pretty good now, and the PDF icon images work just fine for me. Is this still an issue?

For the grid: That’s the cell border, and I would actually recommend to not use it. See this tweet for a short explanation: https://twitter.com/TablePress/status/452768724647706624

If you really want it, you can add it back with this “Custom CSS”:

.tablepress th,
.tablepress td {
  border: 1px solid #dddddd;
}

Regards,
Tobias

hello Tobias,

I still have a problem with Image rollover on a link. When I put the code (mentioned in question) PDF becomes invisible. The above code applies to whole table not a single cell.

Hi,

I suggest that you then make this code apply only in the first column:

.tablepress-id-113 .column-1 a img {
  border-width: 0;
  height: 0;
  width: 0;
}
.tablepress-id-113 .column-1 a:hover img {
  position: fixed;
  top: 250px;
  left: 250px;
  width: 243px;
  height: 303px;
  z-index: 10;
}

Regards,
Tobias

It works !!!! Thank you very much !!!!

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 here in the plugin directory. Thanks!