pictures in tables are not shown properly – started this morning.

milton1si · Member · Oct 23, 2012 at 6:42 am
Copy link

Add topic to favorites
This morning my blog iand also previous posts are not shown as usualy. All pisctures that are located in a table are not shown properly. The setting is to be 300pix wide but they are very, very small http://stareslike.cerknica.org.
Blog url: http://1toni.wordpress.com/

The blog I need help with is: (visible only to logged in users)
milton1si · Member · Oct 23, 2012 at 10:46 am
Copy link
I found out that pictures in tables are of variabile size only since yesterday. Are tables not allowed since yesterday?

How can I solve my problem. I have 1034 post with pictures in tables in http://stareslike.cerknica.org ? And they are showing in mini mini size instead medium size now.
staff-blorbo · Staff · Oct 23, 2012 at 9:33 pm
Copy link
Would you please give us a link to a post or page showing the problem?
milton1si · Member · Oct 24, 2012 at 10:24 am
Copy link
– Blog with the trouble: http://stareslike.cerknica.org
– Post: http://stareslike.cerknica.org/2012/10/23/1901-cerknica-pogled-s-kamne-gorice/ – and other 1000 post, 99% of all posts contain <table>
– In the first column of the table (<table></table>) pictures of medium size (300×180) are shown as tiny thumbsnails (65×49) (see https://www.dropbox.com/s/iy1ad84kglibph3/Screencapture.jpg).
– When no text in the second column, pictures are displayed in correct size.
– The visual editor shows correct size in preview. (see https://www.dropbox.com/s/w02i0e09b3g6344/Screencapture%20editor.jpg)
– Trouble started on October 23, 2012

What can I do?
staff-blorbo · Staff · Oct 24, 2012 at 5:58 pm
Copy link
That’s odd, they all seem to be sized well for me: http://cl.ly/image/0o10372v081t

Would you please tell us which browser (and version of) you’re using?
milton1si · Member · Oct 25, 2012 at 11:15 am
Copy link
I tested 11 computers and 18 browsers. I got only 4 positive results.

1. Windows Vista
– Google Chrome 22.0.1229.94 m
– Internet Explorer 8.0.6001.19019

2. Windows XP
– Internet Explorer 7.0.5730.11

3. Windows XP
– Internet Explorer 8.0.6001.18702
– Firefox Mozzila 16.0.1 —————————————- displays correctly

4. Windows 7
– Internet Explorer 8.0.761.17514
– Goolgle Chrome 11.0.1229.94 m
– Firefox Mozzila 13.0.0 —————————————- displays correctly

5. Windows 7
– Internet Explorer 9.0.8112 ————————————- displays correctly
– Google Chrome 22.0.1229.94 m

6. iPad 3
– iOS 6 Safari

7. iPad 2
– iOS 6 Safari

8. iPhone
– iOS 6 Safari
– Google Chrome

9. Android (Medion Lifetab)
– native browser

10. Android (samsung Galaxy SIII)
– native browser
– Google Chrome

11. Windows 7
– Internet Explorer 9 9.0.8112.16421—————————- displays correctly
milton1si · Member · Oct 25, 2012 at 3:16 pm
Copy link
When at least one picture has a caption then all pictures in the table are of the intended size.
staff-blorbo · Staff · Oct 25, 2012 at 6:05 pm
Copy link
All of those results I’d expect, except for Chrome 22.

IE 7 and 8 are quite out of date, do not support the latest web technologies, and as such we cannot support them.

I’m working with Chrome 22 now, and I do see the problem there.

The tricky part here is that tables have been deprecated in HTML 5. Your theme still broadcasts its doctype as XHTML 1.0 (which is more like HTML 4), so you should be fine for now.

You might want to try applying some specific height values to the cells via the Text editor tab.

http://www.w3schools.com/tags/tag_td.asp

http://docs.webplatform.org/wiki/html/elements/table
milton1si · Member · Oct 25, 2012 at 6:54 pm
Copy link
Ok, I can put specific width for cells with pictures. For 1000 posts it will take me some 20 hours of intensive work. Is there any better solution.

And there is not only Chrome! Android native browser and iOS 6 safari changed their behavior on October 23 too.
staff-blorbo · Staff · Oct 25, 2012 at 7:54 pm
Copy link
No need to change them all now. Let’s just try some specific height declarations on the cells at http://stareslike.cerknica.org/2012/10/23/1901-cerknica-pogled-s-kamne-gorice/
milton1si · Member · Oct 25, 2012 at 8:47 pm
Copy link
I “corrected” http://stareslike.cerknica.org/2012/10/23/1901-cerknica-pogled-s-kamne-gorice/ by adding capture (just a dot) to the first picture in the table and

http://stareslike.cerknica.org/2012/10/25/1950-cerknica-poroka-pri-blazicevih-2/ by adding <td width="300"> to the first picture in the table.

Both work but adding a dot as a capture is faster and less prone to error.
milton1si · Member · Oct 25, 2012 at 8:52 pm
Copy link
The Stareslike (vintage pictures) blog is a living enciclopedia about local tradition not just a blog. So all posts are searched and active.
staff-blorbo · Staff · Oct 25, 2012 at 9:26 pm
Copy link
Excellent, how about adding a height declaration instead of width?
milton1si · Member · Oct 26, 2012 at 11:43 am
Copy link
I tried with a height declaration but without success. It doesn’t work. And rows of my tables (pictures and text) are of several different heights.

Fortunately, pictures in the first columnn in nearly all tables are 300px wide. In today’s post http://stareslike.cerknica.org/2012/10/26/1936-rakek-igra-dom/ I inserted <td style="width:300px;"> and it looks ok.

Is this an appropriate solution for other published posts? It looks better than inserting a dot in picture caption. How long do you think this solution will work? Is there any better solution or do I have to change all 1000 posts?

Thank you for your patience and help.
staff-blorbo · Staff · Oct 26, 2012 at 6:31 pm
Copy link
Ok, stick with the width declaration then. I had hoped that height would be more universal in this case, but I guess width wins out.

The fix will definitely last as long as tables are not fully deprecated in browsers, because you are actually declaring a specific value this time and not leaving it open to interpretation (which is what the problem was).

To further future-proof things, you might want to consider just aligning the images without tables: http://en.support.wordpress.com/images/image-alignment/

Or, use a gallery with captions: http://en.support.wordpress.com/images/gallery/
milton1si · Member · Oct 26, 2012 at 6:51 pm
Copy link
Thank you for your help. Now I know what to do. I hoped for an easier solution but anyway, this weekend I will start to change posts one by one .
staff-blorbo · Staff · Oct 26, 2012 at 6:52 pm
Copy link
You’re welcome!

No items found.