Images in Chrome too small
-
Hey Tobias,
The images I inserted in my table are too small in google chrome. In FF and IE it seems to work properly.
Link: http://smartwatchboss.com/smartwatch-vergleich/
Thank you very much for your help!
Regards,
Paul
-
Hi Paul,
thanks for your post, and sorry for the trouble. The reason for this is some CSS in your theme. To fix this, please add this CSS code to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:
.tablepress img { max-width: none !important; }Regards,
TobiasThat helped! Thank you very much!
Another problem I just recognized is that my table is so big (height), that you cant scroll sideways anymore. Only when you’re at the bottom of the table. Do you have any idea how to solve this and make it more user-friendly?
Thank you in advice!
Regards,
PaulHi Paul,
good to hear that this helped!
Unfortunately, I don’t really have ideas on what you could do here. The Horizontal Scrolling works fine, but there’s indeed just so much data in the table that the scrollbar might be hard to see at the bottom.
The only real thing that might help would be to reduce the font size or remove some content, I guess…Regards,
TobiasHey Tobias,
Is it possible to let the horizontal scrollbar move while scrolling vertical? So that it is always on the screen. I hope you know what I mean 🙂
I once saw the table-head moving like this on a table. Have you tried/implemented this before?
Thanks in advice!
Regards,
PaulHi Paul,
well, there is an Extension to let the table header stay at the top of the page (see http://tablepress.org/extensions/datatables-fixedheader/ ) but I have no idea if that is possible with the scrollbar. Sorry 🙁
Regards,
TobiasHey Tobias,
Thanks for the extension, will use it I guess.
Oh, thats a pity … cause this would solve my problem. When you have time left some day, I would really appreciate when you can take a look at it. Sure, I don’t expect you to – just in case 🙂 Thanks in advice!
Regards,
PaulHey Tobias,
I installed the fixed-header extension, but now the header is completely fixed … so it doesn’t scroll to the right anymore. Any ideas how to solve this?
Link again: http://smartwatchboss.com/smartwatch-vergleich/
Thank you!
PS: I wasn’t sure if I should start a new topic for this.
Regards,
PaulHi Paul,
no new thread necessary, we can continue here.
I’m not really sure, but it might be possible that the Fixed Header add-on for DataTables (which I did not develop, but only turned into a TablePress Extension) does not support Horizontal Scrolling. You might therefore have to combine it with the Extension from http://tablepress.org/extensions/datatables-fixedcolumns/ but I can’t guarantee that that works 🙁
Regards,
TobiasHi,
I just remembered that we could also try to add Vertical Scrolling. For that, please change the “Custom CSS:
#tablepress-1_wrapper { overflow-x: auto; overflow-y: hidden; }to
#tablepress-1_wrapper { overflow-x: auto; overflow-y: auto; height: 200px; }Maybe that’s something that will work for your table?
Regards,
TobiasHey,
Thank you very much for your help Tobias!
I added vertical scrolling now. I think it’s the best we could for now, what do you think?
A flowing header would be great though. I looked at the “fixedcolumns”-extension, but couldn’t figure out how this should solve the problem with the “completely fixed” header.
I really appreciate any suggests.Regards,
PaulHi Paul,
no problem, you are very welcome! 🙂 Good to hear that this helped!
Yes, I think this is the best that we can do here without major customizations to the JS lbraries (which I’m not capable of 🙁 ).Regards,
Tobias
The topic ‘Images in Chrome too small’ is closed to new replies.