I am a beginner with HTML and I am trying to accomplish a seemingly simple task. I have searched for similar questions and attempted the solutions provided, but none have worked for me.
My goal is to have two documents displayed side by side on a web page when a link is clicked. These documents are stored remotely and are not static. One is a PDF file, while the other is an image. I believe the PDF file may need to be embedded with a scroll bar?
Currently, both documents are displaying, but the second document (image) is overlapping the first at the center of the screen.
The code I am using is as follows:
<a href="#" onclick="lightbox_open();"><b>Click me to view files</b></a>
<div id="light">
<a href="#" onclick="lightbox_close();">
<embed src="?php echo $address ?>" style="float: left;" />
<img src="<?php echo $address2 ?>" style="float: left;" />
</a>
</div>
<div id="fade" onclick="lightbox_close();"></div>
<div>
**Please note that the lightbox_open() and lighbox_close() functions are used to dim the screen when the documents are displayed.
Any assistance with this issue would be highly appreciated.