How to wrap text around embedded Getty Iframe

  • maccas83

    (@maccas83)


    10 years, 3 months ago

    So Getty have given the world access to their image library on the condition that we embed them using an iframe.

    I’ve started putting them into articles, but can’t get the copy to wrap around them.

    Here’s an example of the code:

    [ Moderator note: code fixed. Please wrap code in the backtick character or use the code button. ] 

    div class="getty embed image" style="background-color:#fff;display:inline-block;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;color:#a7a7a7;font-size:11px;width:100%;max-width:297px;"><div style="padding:0;margin:0;text-align:left;"><a href="http://www.gettyimages.com/detail/508985914">Embed from Getty Images</a></div><div style="overflow:hidden;position:relative;height:0;padding:150.000000% 0 0 0;width:100%;"><iframe src="//embed.gettyimages.com/embed/508985914?et=ghdbmUMPSn5s9Og-yCqbaw&viewMoreLink=on&sig=hCdN1kP1EM5aJYFlk-F0UMTXlimWCzlzUrvxeJ9h0PQ=&caption=true" width="297" height="445" scrolling="no" frameborder="0" style="display:inline-block;position:absolute;top:0;left:0;width:100%;height:100%;margin:0;"></iframe></div><p style="margin:0;"></p></div>

    How would you change that to make it float etc?

    Many thanks

Viewing 2 replies - 1 through 2 (of 2 total)
  • Sunny Ratilal

    (@sunnyratilal)

    10 years, 3 months ago

    You’d need to add a float: left or float: right somewhere in the inline styling and adjust accordingly.

    Best to play around with it a little bit and see what works best.

    richards1052

    (@richards1052)

    9 years, 6 months ago

    Thanks, I’ve been trying to figure this out for years. I assume this will work for all iframes including Amazon?

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘How to wrap text around embedded Getty Iframe’ is closed to new replies.