Thanks for the community suggestion to use good old fashioned tables.
Actually close the behavior I wanted and behaves pretty good at breakpoints.
<table>
<tr>
<td style="text-align: center;">
<a
href="https://www.trebacz.com/Fountain-Hills-Weather-Cam2.html";
target="_blank"><img
src="../time-lapse/Trebacz-Weather-CAM2-Fountain-Hills-Last-2-Hours.gif"
border="0"></a>
</td>
<td style="text-align: center;">
<a
href="https://www.trebacz.com/Fountain-Hills-Weather-Cam5.html";
target="_blank"><img
src="../time-lapse/Trebacz-Weather-CAM5-Fountain-Hills-Last-2-Hours.gif"
border="0"></a>
</td>
</tr>
</table>
On Monday, October 12, 2020 at 6:57:47 PM UTC-7 David Trebacz wrote:
> Looking for some help embedding some time lapse images in my newly
> formatted belchertown skin. I on Weewx 4.1.1 and Belchertown . I'm trying
> to insert two images in
> /skins/Belchertown/index_hook_after_station_info.inc. I added the following
> code which points to the latest time lapse images.
>
> <div text-align: center>
> <a href="https://www.trebacz.com/Fountain-Hills-Weather-Cam2.html";
> target="_blank"><img
> src="../time-lapse/Trebacz-Weather-CAM2-Fountain-Hills-Last-2-Hours.gif"
> border="0" alt="2 Hour Fountain Hills, AZ Weather Cam Time Lapse"></a>
> <a href="https://www.trebacz.com/Fountain-Hills-Weather-Cam5.html";
> target="_blank"><img
> src="../time-lapse/Trebacz-Weather-CAM5-Fountain-Hills-Last-2-Hours.gif"
> border="0" alt="2 Hour Fountain Hills, AZ Weather Cam Time Lapse"></a>
> </div>
>
> You can view it here:
> https://www.trebacz.com/weather/belchertown/
>
> My desire is to center the two images in the "inc" area. I'm not sure how
> or what CSS I can use for formatting. I looked for examples and
> documentation, but found none. I'd roughly like the images centered in the
> div for now, but may add text an other items later. Any suggestions or
> points to documentation - appreciated.
>
--
You received this message because you are subscribed to the Google Groups
"weewx-user" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/weewx-user/51a22877-e675-4292-97fa-14174b632c19n%40googlegroups.com.
