Hi,
thanks for your question.
The reason for that is to some extent in the image itself and in the theme: The image has a width of 1024px, which is a lot more than the 584px that you have stated in the width parameter in the image HTML. This means that the image is much bigger than it could be, and it is therefore costing you more bandwidth and making your site slower.
The problem now is that the theme contains CSS code that Firefox interprets in such a way that the original size of the image is used, and not the size that you specified.
The easiest fix would therefore be to shrink the image in your image editing program.
However, before you do that: Why are you actually using a 1×1 table just to show an image? I don’t really understand…
Also, why is the text written in the image itself? That also makes the image bigger than necessary, and prevents the text from being searchable and stylable. Do you really want that?
Regards,
Tobias
Thread Starter
jeuer
(@jeuer)
Thanks for taking the time to respond. I will re-size the image. To answer your question about why I am using a 1×1 cell, I started with a 2C x 1R table. However I could not get the text to wrap like it currently is in 1×1 cell. Instead, what would happen is my image of the WordPress example would shrink to accommodate the non-wrapping text. Any thoughts because I do prefer the 2C x 1R table?
Thread Starter
jeuer
(@jeuer)
To be more specific, the image shrinking happens in Chrome.
Hi,
thanks for the explanation!
Although a table is not the semantically correct HTML element for this, we should then try again with a 2-by-1 table. Please recreate that. We will then specifically tell the image to not shrink again in that table.
Regards,
Tobias
Thread Starter
jeuer
(@jeuer)
In Chrome, on my home page, is the example of a 2C x 1R table wherein the image was once big, but due to the text is now small.
Hi,
I’m confused now… I can’t see a table on your homepage where the images is small due to the text now?! Which one is it?
Regards,
Tobias
Thread Starter
jeuer
(@jeuer)
First of all it only reacts incorrectly in Google Chrome.
Secondly, in both sections, WordPress makes building websites both fun and easy! and eCommerce is amazing! is a 2C x 1R table. The images in both of these tables start out as the correct size until I add text.
Hi,
hhm, ok, everything works fine in Chrome for me, but you might want to try adding this “Custom CSS” code on the “Plugin Options” screen:
.tablepress img {
max-width: none !important;
}
Regards,
Tobias
