Définition de la classe iFrame par rapport à 0, aucune image n'étant affichée

Lorsque j'ai travaillé sur un projet, j'ai découvert que certaines de mes images sur Tumblr ne s'affichent pas. Le seul indice que j'ai trouvé est que dans la classe responsive-level-1 (voir ci-dessous pour le code html), la hauteur de l'iFrame est définie sur 0. Si j'ouvre une console de développement dans Chrome et que cela est, par exemple, 1632 (pas 0), l'image apparaît. J'utilise un thème (thème Brick/jardin à thème), mais je suis capable d'éditer le html et le css. Puis-je modifier mon CSS et/ou HTML pour résoudre ce problème? Le problème se produit sur toutes les plates-formes de périphériques (ordinateur de bureau/téléphone/tablette).Définition de la classe iFrame par rapport à 0, aucune image n'étant affichée

Exemple d'aucune image Affiché- http://deligrossery.com/post/149661412746/gawad-deli-grocery-207-hart-st-brooklyn-ny

fichiers correspondants: css responsive.css: http://static.tumblr.com/eftyn9y/kc0og8vio/responsive.css style.css: static.tumblr.com/3zmswwt/Fmkmwgp8e/style.css (^ Je ne peux pas poster plus de 2 liens jusqu'à ce que ma réputation soit d'au moins 10/ajouter un https: // au style.css).

<iframe id="photoset_iframe_149661412746" class="photoset" scrolling="no" frameborder="0" height="0" width="500" style="border:0px; background-color:transparent; overflow:hidden;" src="http://deligrossery.com/post/149661412746/photoset_iframe/deligrossery/tumblr_ocn1e9dTfK1txl3g8/500/false" name="photoset_iframe_149661412746"></iframe>

Source

2016-11-07 Chelsea Lawrence

Dans le CSS, essayez d'ajouter: '.photoset {height: initial};' travaillez-vous sur ce sujet maintenant, car pour moi le post du photoset n'est pas affiché dans un iframe? – lharby

Salut, merci - ne fonctionnait pas alors - c'est le problème, le photoset ne s'affiche pas du tout dans l'iframe - j'ai essayé d'ajouter '.photoset {height: initial};' à style.css mais cela n'a pas réparer les choses –

Hmm bien ça marche pour moi, et ça ne se voit pas dans un iframe (même si c'était plus tôt aujourd'hui quand j'ai vérifié). http://imgur.com/a/j8JX6 – lharby

Essayez de changer votre bloc de mise en page de photoset à quelque chose comme ça (vous devrez peut-être modifier légèrement ce):

{block:Photoset} 
    <div class="content photoset"> 
     {block:Photos} 
      <img src="{PhotoURL-500}"/> 
     {/block:Photos} 
     {block:Caption} 
      <div class="description">{Caption}</div> 
     {/block:Caption} 
      <p><a href="{Permalink}" class="link"></a></p> 
    </div> 
{/block:Photoset}

Gardez une copie de sauvegarde de votre thème actuel.

Ceci devrait sortir le photoset dans le modèle html normal (pas iframe). De là, il devrait être beaucoup plus facile de contrôler la hauteur du contenu, en fait, par défaut, il devrait simplement sortir le contenu et la hauteur sera fixée automatiquement. Mais il pourrait y avoir d'autres problèmes à étudier après cela.

Source

2016-11-08 09:11:39 lharby

Définition de la classe iFrame par rapport à 0, aucune image n'étant affichée

Répondre

Questions connexes