I checked using different browsers and got varing results. ie safari,
android, and firefox on linux. So i'm going to settle on this
Here is my change
<div id="forecast_main">
#if $varExists('forecast')
<h1>Forecast Table</h1>
<p>
</p>
<style>
#forecast {
width: 90%;
## margin: 0 auto;
margin: 0px 0px 0px 175px ;
}
</style>
<div id="forecast">
#include "forecast_table.inc"
</div>
#set $periods = $forecast.weather_periods('WU',max_events=6)
#if len($periods) > 0
<h1>Weather Underground</h1>
<p>
#for $period in $periods
$period.event_ts $forecast.label('Weather', $period.clouds)<br/>
#end for
</p>
#end if
On Sunday, August 21, 2016 at 1:43:20 AM UTC-4, Andrew Milner wrote:
>
> Perhaps you could attach the revised version of the snippet after your
> editing in case you have mis-edited or mis-positioned the changes in some
> way, which would make it easier to relate what you say happens with the
> actual template code which is being executed.
>
>
> On Sunday, 21 August 2016 08:16:21 UTC+3, Jim Munro wrote:
>
>> Hi m
>> Option 1 did not work. Option 2, placing the snippet in the
>> index.html.tmpl did center the table footer but the forecast data is still
>> over to the left. Doing this
>> #forecast {
>> width: 90%;
>> margin: 0px 0px 0px 345px ;
>> }
>> roughtly centered the forecast data but the table footer is far to the
>> right. Any ideas on how to move the footer or any other formatting ideas.
>>
>> thanks
>> Jim
>> On Saturday, August 20, 2016 at 6:03:50 PM UTC-4, mwall wrote:
>>>
>>> On Saturday, August 20, 2016 at 4:34:42 PM UTC-4, Jim Munro wrote:
>>>>
>>>> I am trying to center the forecast table data. The header and WU
>>>> footer appear centered. How do I get the table data centered. Here is a
>>>> snippet from my index.html.tmpl. Where and what do I need to add. I am a
>>>> html novice.
>>>>
>>>
>>> hi jim,
>>>
>>> you should be able to center the forecast div with css like this:
>>>
>>> #forecast {
>>> width: 90%;
>>> margin-left: auto;
>>> margin-right: auto;
>>> }
>>>
>>> if you want just the forecast table, then do something like this:
>>>
>>> <style>
>>> #forecast {
>>> width: 90%;
>>> margin: 0 auto;
>>> }
>>> </style>
>>> <div id="forecast">
>>> #include "forecast_table.inc"
>>> </div>
>>>
>>> m
>>>
>>
--
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].
For more options, visit https://groups.google.com/d/optout.
