Web Weather > Weather Web Cam Links

Webcam Page Code

(1/9) > >>

Phil23:
Just wondering is someone can help me out with some code for my webcams.

I currently have this http://weather.inverellit.com/webcams.htm which only displays a single camera.

I've got 2 cameras active now, the second is Wcam2.jpg.

The source I'm using is pretty basic, I'm not really up on html.

Would like the 2 images side by side, with them expanding to full screen when clicked.

Tried a couple of things with no success.

Thanks

Phil.

Jáchym:
Hi,
use a table:

<table style="width:98%;margin:0 auto">
  <tr>
    <td style="width:50%;text-align:center">
       <img name="refresh" src="http://weather.inverellit.com/images/Wcam1.jpg" alt="Webcam Image" style="width:98%;margin:0 auto">
    </td>
    <td style="width:50%;text-align:center">
       <img name="refresh2" src="http://weather.inverellit.com/images/Wcam2.jpg" alt="Webcam Image 2" style="width:98%;margin:0 auto">
    </td>
  </tr>
</table>

mcrossley:
Or maybe something like...?
--- Code: ---<img name="refresh1" src="http://weather.inverellit.com/images/Wcam1.jpg" alt="Webcam Image 1" style="display:inline-block;width:49%;">
<img name="refresh2" src="http://weather.inverellit.com/images/Wcam2.jpg" alt="Webcam Image 2" style="display:inline-block;width:49%;">

--- End code ---

Jáchym:
Yes, thats of course also an option, but you then should also add "margin:0 auto" for each, otherwise you will have them not centered perfectly, there would be a 2% gap on the right I think

mcrossley:

--- Quote from: Jáchym on November 15, 2016, 07:26:47 AM ---Yes, thats of course also an option, but you then should also add "margin:0 auto" for each, otherwise you will have them not centered perfectly, there would be a 2% gap on the right I think

--- End quote ---
There would be a gap, the margin auto will fix it, but you should also add borders to taste etc.

Navigation

[0] Message Index

[#] Next page