Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>This is a Facebook issue. The missing images are actually there, but the result of the css styling is that they have height and width of 0px. It only affects some images and it seems it is images posted after a certain date. (The images that are visible are styled with different classes.)</p> <p>I have just filed a bug report (as it affected a site I manage) here: <a href="https://developers.facebook.com/bugs/723454951004368" rel="nofollow">https://developers.facebook.com/bugs/723454951004368</a></p> <p>For anyone who wants the technical details, here they are:</p> <blockquote> <p>When using the Like Box Social Plugin some images (seemingly those posted after a specific, recent date) are not displaying in the stream. (Any descriptive text posted with the image <em>is</em> being displayed.)</p> <p>The is a css issue. The image is there in the html, but the result of the css styling is that it has a height and width of 0px.</p> <p>The img element itself is styled with a width of 100% (i.e. 100% of its containing element) (from the 'img' class) and absolute positioning (from the '_46-i' class); its containing div element also has width of 100% ('photoWrap' class) and relative positioning ('_46-h' class); and 'a' element containing all of this floats left ('photoRedesignAspect').</p> <p>As the 'a' is floating, it is only as wide as it needs to be for the elements it contains. As the img element has absolute positioning, it is not part of the document flow and so the 'a' element has a width of 0. The div, then, has a width of 100% of this 0, which is 0; and the img itself then has a width of 100% of this 0, which is again 0.</p> <p>Quite logical really!</p> <p>If the img element is give static positioning rather than absolute then this problem is resolved.</p> </blockquote> <p>OF course, this simple change needs to be made by Facebook.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload