Welcome to the Cumulus Support forum.

Latest Cumulus MX V3 release 3.28.6 (build 3283) - 21 March 2024

Cumulus MX V4 beta test release 4.0.0 (build 4018) - 28 March 2024

Legacy Cumulus 1 release v1.9.4 (build 1099) - 28 November 2014 (a patch is available for 1.9.4 build 1099 that extends the date range of drop-down menus to 2030)

Download the Software (Cumulus MX / Cumulus 1 and other related items) from the Wiki

Merging today/yesterday and this month/year webpages

Other discussion about creating web sites for Cumulus that doesn't have a specific subforum

Moderator: daj

User avatar
HansR
Posts: 5874
Joined: Sat 20 Oct 2012 6:53 am
Weather Station: GW1100 (WS80/WH40)
Operating System: Raspberry OS/Bullseye
Location: Wagenborgen (NL)
Contact:

Re: Merging today/yesterday and this month/year webpages

Post by HansR »

@apple8:
I think you could be in the right direction by setting the width of the three header fields to your liking. I would also not use caption but thead and remove the nbsp, use colspan instead. The data rows below should follow that.
Note the red coloured HTML tags when you look into the page source, there is an error with those tags somewhere (in this case the <th> in the caption).
Now you define width and cellpadding on table level, for the cell padding that would be a bit too high a level.

Hope this helps.
Hans

https://meteo-wagenborgen.nl
CMX build 4017+ ● RPi 3B+ ● Raspbian Linux 6.1.21-v7+ armv7l ● dotnet 8.0.3
Mapantz
Posts: 1778
Joined: Sat 17 Dec 2011 11:55 am
Weather Station: Davis Vantage Pro2
Operating System: Windows 11 x64
Location: Dorset - UK
Contact:

Re: Merging today/yesterday and this month/year webpages

Post by Mapantz »

You can set widths in the table data cells <td> themselves, or in the css

<td style="width:10%;">

etc
Image
apple8
Posts: 129
Joined: Sun 21 Aug 2011 2:26 am
Weather Station: Davis Vantage Vue
Operating System: Windows 10
Location: Sydney. Australia
Contact:

Re: Merging today/yesterday and this month/year webpages

Post by apple8 »

Thanks for the help, the <td style="width:10%;"> sorted the column spacing issue once I nutted it out, and I tidied up the caption line too.

If red text in source code are errors I'm not sure how to sort them out, but the end result on the page is what I was looking for
Mapantz
Posts: 1778
Joined: Sat 17 Dec 2011 11:55 am
Weather Station: Davis Vantage Pro2
Operating System: Windows 11 x64
Location: Dorset - UK
Contact:

Re: Merging today/yesterday and this month/year webpages

Post by Mapantz »

apple8 wrote: Wed 12 Jan 2022 3:14 am Thanks for the help, the <td style="width:10%;"> sorted the column spacing issue once I nutted it out, and I tidied up the caption line too.

If red text in source code are errors I'm not sure how to sort them out, but the end result on the page is what I was looking for
That's just colour coding to help differentiate the html. :)

You can always use https://validator.w3.org/nu/ top check for misplaced tags etc
Image
User avatar
HansR
Posts: 5874
Joined: Sat 20 Oct 2012 6:53 am
Weather Station: GW1100 (WS80/WH40)
Operating System: Raspberry OS/Bullseye
Location: Wagenborgen (NL)
Contact:

Re: Merging today/yesterday and this month/year webpages

Post by HansR »

Mapantz wrote: Wed 12 Jan 2022 6:12 pm That's just colour coding to help differentiate the html. :)
Not completely.

@apple8 has e.g. in the menu a line:

Code: Select all

    <a href=>Close Menu</a>
where the <a href=> colours red. That is a different colour red than e.g. the &nbsp;. And the difference is that the reference of the menu is empty (the <a>-tag) and the &nbsp; is an escape code. Neither text nor tag and that helps to differentiate.

The validator helps indeed.
Hans

https://meteo-wagenborgen.nl
CMX build 4017+ ● RPi 3B+ ● Raspbian Linux 6.1.21-v7+ armv7l ● dotnet 8.0.3
apple8
Posts: 129
Joined: Sun 21 Aug 2011 2:26 am
Weather Station: Davis Vantage Vue
Operating System: Windows 10
Location: Sydney. Australia
Contact:

Re: Merging today/yesterday and this month/year webpages

Post by apple8 »

The <a href=>Close Menu</a> was my solution to closing the menu on a mobile device as the menu would stay open if no selection was made on my iPad. I couldn't find any other method at the time.

Inserting quotation marks to read <a href="">Close Menu</a> fixes the error?
User avatar
HansR
Posts: 5874
Joined: Sat 20 Oct 2012 6:53 am
Weather Station: GW1100 (WS80/WH40)
Operating System: Raspberry OS/Bullseye
Location: Wagenborgen (NL)
Contact:

Re: Merging today/yesterday and this month/year webpages

Post by HansR »

apple8 wrote: Thu 13 Jan 2022 3:38 am The <a href=>Close Menu</a> was my solution to closing the menu on a mobile device as the menu would stay open if no selection was made on my iPad. I couldn't find any other method at the time.

Inserting quotation marks to read <a href="">Close Menu</a> fixes the error?
Could be, I have no idea, free to try ;)
But it apparently is not fatal so you might as well leave it. I just mentioned it as an example for the meaning of the colour.

And btw, all those nbsp could be padding so maybe the red is not as meaningless as we think.
Hans

https://meteo-wagenborgen.nl
CMX build 4017+ ● RPi 3B+ ● Raspbian Linux 6.1.21-v7+ armv7l ● dotnet 8.0.3
Post Reply