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

Request help - differences between Chrome and IE11

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

Moderator: daj

Post Reply
Dennisdg
Posts: 220
Joined: Tue 07 Feb 2012 9:42 am
Weather Station: Davis Vantage PRO2
Operating System: Windows 11 Pro 64 Bit
Location: Camberley

Request help - differences between Chrome and IE11

Post by Dennisdg »

Folks
I've been trying to create a drop down menu on the top of my Cumulus Web pages. Currently only installed on the home page.
Internet Explorer 11 seems to work fine but Chrome changes the menu names from white to red after they have been selected. Works fine in IE.
Hopefully this is something easy to fix?
IE.JPG
Chrome.JPG
Thanks in advance

Wishing all a Happy New Year.

http://www.g4glp.co.uk
You do not have the required permissions to view the files attached to this post.
Dennis

https://g4glp.co.uk

Davis Vantage PRO2
Win 11 Pro 64 bit
sfws
Posts: 1183
Joined: Fri 27 Jul 2012 11:29 am
Weather Station: Chas O, Maplin N96FY, N25FR
Operating System: rPi 3B+ with Buster (full)

Re: Request help - differences between Chrome and IE11

Post by sfws »

They stay white in my Firefox Quantum, but I know Firefox has (hidden) options about its default formatting. I don't use Chrome, but I guess somewhere it has a default styling and that it might allow that to be edited. But your own Cascade Styling sheets (CSS) should over-write whatever any browser has as default. So to work in absolutely any browser simply add a new line in your "weatherstyle.css"

Code: Select all

a:visited {color: white;}
to ensure the font colour is white after the anchor link has been visited.

If it is changing colour in other cases, the full set of pseudo classes in current standard of CSS3 is:
/* Always define in this order: :link, :visited, :focus, :hover, :active

For experimental purposes only:
:matches(:link, :hover, :visited, :focus, :active, :visible) is the CSS4 draft equivalent
*/

While I was typing this answer you had another answer. Move everything in

Code: Select all

<div id='cssmenu'>   .... <div> 
to after

Code: Select all

<div id="content">
but you have other errors - each opening tag must match one closing tag.

There are plenty of easy HTML books or advice pages on the web.

Happy New Year to all.
Last edited by sfws on Wed 03 Jan 2018 8:11 pm, edited 3 times in total.
water01
Posts: 3215
Joined: Sat 13 Aug 2011 9:33 am
Weather Station: Ecowitt HP2551
Operating System: Windows 10 64bit
Location: Burnham-on-Sea
Contact:

Re: Request help - differences between Chrome and IE11

Post by water01 »

I looked at the code of this page and I think you have a fundamental misunderstanding of HTML pages. You cannot place two pages of HTML in the one index.htm, you have to merge the code for the menu system without the html, header, body etc. into the existing page, not just copy and paste into the top of the existing page.

You also have opening <il> without any closing </il> in the menu code which you must fix in the merged code.

I think you could do with a proper HTML editor that points all this out!!
David
Image
Dennisdg
Posts: 220
Joined: Tue 07 Feb 2012 9:42 am
Weather Station: Davis Vantage PRO2
Operating System: Windows 11 Pro 64 Bit
Location: Camberley

Re: Request help - differences between Chrome and IE11

Post by Dennisdg »

Thanks both

I'll take a look at it tomorrow and sort the errors. Plus look for an editor.
Dennis

https://g4glp.co.uk

Davis Vantage PRO2
Win 11 Pro 64 bit
water01
Posts: 3215
Joined: Sat 13 Aug 2011 9:33 am
Weather Station: Ecowitt HP2551
Operating System: Windows 10 64bit
Location: Burnham-on-Sea
Contact:

Re: Request help - differences between Chrome and IE11

Post by water01 »

Plus look for an editor.
I personally use Webuilder https://www.webuilderapp.com/ . It is not free ($42.95 or £35) but it is well worth the money, frequent updates and additions, very good support and supports multiple languages not just HTML, plus a quite good CSS editor.
David
Image
Dennisdg
Posts: 220
Joined: Tue 07 Feb 2012 9:42 am
Weather Station: Davis Vantage PRO2
Operating System: Windows 11 Pro 64 Bit
Location: Camberley

Re: Request help - differences between Chrome and IE11

Post by Dennisdg »

Now got the issue working and to me the output looks fine. I had a Chrome Extension enabled that enhances/highlights links in red that have been visited before! Forgot all about that.
I except the code syntax needs sorting - thanks for the pointers. Will check out WeBuilder.

Regards
Dennis

https://g4glp.co.uk

Davis Vantage PRO2
Win 11 Pro 64 bit
Post Reply