Adjust for your needs as required
<title>Untitled Document</title>
<style type="text/css">
.container { margin: 0px auto;}
.column-left{ float: left; width: auto;}
.column-right{ float: right; width: auto;}
.column-center{ display: inline-block; width: auto;}
</style>
</head>
<body>
<div class="container">
<div class="column-center">
<iframe name="i_frame" src="hkbuck/webcam.php" style="border: 0pt none ; left: -11px; top: -78px; position: absolute; width: 1920px; height: 971px;" scrolling="no"></iframe>
</div>
<div class="column-left">
<a href="#" target="_blank" title="links have titles images do not">
<img src="/dir/image.jpg" width="200" height="971" alt="images have alt text not titles or names"></a>
</div>
<div class="column-right">
<a href="#" target="_blank" title="links have titles images do not">
<img src="/dir/image.jpg" width="200" height="971" alt="images have alt text not titles or names"></a>
</div>
</div>
</body>
</html>