[SOLVED] Image in tables, size display problems in Safari and Chrome
Images in tables, e.g. made with TablePress (plugin), are displayed in different sizes depending on browser.
While Firefox and IE display the images in correct size, Safari and Chrome display some images too small (almost favicon size, regardless of width/height settings). Are additional settings needed? Or is there a minimum size limit? e.g. http://prateur.nl/prateur2013/gezelschappen2013/ the logo images in the first table column should be 100px wide this is shown correctly in Firefox and IE, but in Safari and Chrome the logos are displayed at less than half their size |
I messed arround with this for over an hour,. try this, add the following to CSS Inserts
table.tablepress .post img.size-full { width: none; } |
no, the css insert didnīt help
|
oops, it ahould be
HTML Code:
.post table.tablepress img.size-full { |
no, images are still almost invisible on iPad (Safari) and PC/Chrome
|
Tablepress has this advice
.tablepress img { max-width: none; } http://wordpress.org/support/topic/image-size-16 but that did not help (in combination with the custom css in Atahualpa) |
Looks like Safari doesn't like 'width: none; Try this instead
HTML Code:
table.tablepress td.column-1 { |
table.tablepress td.column-1 {
width: 100PX; } works But not all first columns in all tables should have that width. Can this be set to be table specific? Or can 100 px be set as minimum width in stead of fixed width? |
It looks like each table created bu tablepress creates a unique ID for the table, so you can use that instead of the class 'table'. For example the table in your link would use
HTML Code:
table#tablepress-4 td.column-1 { |
That works fine.
Thanks, Juggledad |
All times are GMT -6. The time now is 05:00 AM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.