CODEWITHSUNDEEP
htmlimageiframesharepointoverlay
kjubus
kjubus

Reputation: 453

Image over iframe in html

I need to create a little html code that I will use in sharepoint in script editor. The idea is that I have some report from Microsoft BI in iframe (changed the address in code below) and it works fine. But I want to cover the "share buttons" in the bottom right of the site, so it can't be shared. The iframe should fill the whole WebPart in sharepoint, so I tried to allign the image simply to bottom right corner, but it doesn't seem to work. Any ideas?

<html>
    <head>
    </head>
    <body>


        <iframe src="https://www.google.pl/?gfe_rd=cr&ei=x5UEWO-yGaOh8welvY2IAQ"  width="100%" height="700">
        </iframe>
        <img src="logo.jpg" align="bottom" align="right">

    </body>
</html>

Upvotes: 0

Views: 11699

Answers (2)

kjubus
kjubus

Reputation: 453

Ok, I've finally got it working. The "TOP" variable is static, it's the height of the displayed website minus the height of the image itself. Here is the code:

<html>
<head>
</head>
<body>


<div style="height:750px; position:relative">
<iframe style="border:none; width:100%; height:700px; z-index:1" src="website.com"></iframe>
<img style="top:663px; right:0px; position:absolute; z-index:9" src="testbar2.jpg">
</div>
</body>
</html>

Upvotes: 1

Petya Naumova
Petya Naumova

Reputation: 727

The align attribute of <img> is not supported in HTML5. Use CSS instead.

img {
 float: right;
}

Upvotes: 0

Related Questions