Need help? Check out our Support site, then


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

  1. 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/

  2. 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.

  3. Would you please give us a link to a post or page showing the problem?

  4. - 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 (300x180) are shown as tiny thumbsnails (65x49) (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?

  5. 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?

  6. 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

  7. When at least one picture has a caption then all pictures in the table are of the intended size.

  8. 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

  9. 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.

  10. 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/

  11. 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. </p> <p>Both work but adding a dot as a capture is faster and less prone to error.

  12. The Stareslike (vintage pictures) blog is a living enciclopedia about local tradition not just a blog. So all posts are searched and active.

  13. Excellent, how about adding a height declaration instead of width?

  14. 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.

  15. 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/

  16. 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 .

  17. You're welcome!

Topic Closed

This topic has been closed to new replies.

About this Topic