Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme »

[SOLVED] Image in tables, size display problems in Safari and Chrome


  #1  
Old Jun 17, 2013, 02:12 AM
horus79
 
13 posts · Apr 2012
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

Last edited by horus79; Jun 17, 2013 at 02:22 AM.
  #2  
Old Jun 17, 2013, 09:55 AM
juggledad's Avatar
juggledad
 
23,686 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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;
}
  #3  
Old Jun 17, 2013, 12:34 PM
horus79
 
13 posts · Apr 2012
no, the css insert didnīt help
  #4  
Old Jun 17, 2013, 01:48 PM
juggledad's Avatar
juggledad
 
23,686 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
oops, it ahould be
HTML Code:
.post table.tablepress img.size-full {
width: none;
}
  #5  
Old Jun 17, 2013, 02:32 PM
horus79
 
13 posts · Apr 2012
no, images are still almost invisible on iPad (Safari) and PC/Chrome
  #6  
Old Jun 17, 2013, 02:37 PM
horus79
 
13 posts · Apr 2012
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)
  #7  
Old Jun 17, 2013, 03:52 PM
juggledad's Avatar
juggledad
 
23,686 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Looks like Safari doesn't like 'width: none; Try this instead
HTML Code:
table.tablepress td.column-1 {
width: 100PX;
}
  #8  
Old Jun 18, 2013, 04:56 AM
horus79
 
13 posts · Apr 2012
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?
  #9  
Old Jun 18, 2013, 05:16 AM
juggledad's Avatar
juggledad
 
23,686 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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 {
width: 100PX;
}
to uniquely identify it.
  #10  
Old Jun 19, 2013, 02:20 AM
horus79
 
13 posts · Apr 2012
That works fine.
Thanks, Juggledad

Bookmarks

Tags
image, size, table, tablepress

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Problems showing image at full size mdmower Center area post/pages 2 Apr 7, 2011 12:10 PM
[SOLVED] Post-image display problem in safari, chrome wobcradio Center area post/pages 3 Jan 28, 2011 11:37 PM
[SOLVED] Image in widget works in Chrome, Safari, Firefox but will not display in IE Nowooski Sidebars & Widgets 5 Feb 26, 2010 07:13 PM
Image size in IE7 and Chrome Len Atahualpa 3 Wordpress theme 4 Jun 11, 2009 05:36 AM


All times are GMT -6. The time now is 08:21 AM.


Powered by vBulletin® Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.