Welcome to the new home of the Cumulus Support forum.

Latest Cumulus release v1.9.4 (build 1099) - Nov 28 2014
Latest Cumulus MX release - v3.0.0 build 3043 Jan 20 2017. See the Wiki for download

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: 124
Joined: Tue 07 Feb 2012 9:42 am
Weather Station: Davis Vantage PRO2
Operating System: Win 7 Ultimate
Location: Camberley
Contact:

Request help - differences between Chrome and IE11

Post by Dennisdg » Wed 03 Jan 2018 6:17 pm

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

http://www.g4glp.co.uk

Davis Vantage PRO2
Windows 7 Pro

sfws
Posts: 461
Joined: Fri 27 Jul 2012 11:29 am
Weather Station: Customised mix of Fine Offset
Operating System: Tempermental Win. 10 PC
Location: UK

Re: Request help - differences between Chrome and IE11

Post by sfws » Wed 03 Jan 2018 8:01 pm

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: 1477
Joined: Sat 13 Aug 2011 9:33 am
Weather Station: WH1081
Operating System: Windows 7 64bit HP SP1
Location: Somewhere in the USA
Contact:

Re: Request help - differences between Chrome and IE11

Post by water01 » Wed 03 Jan 2018 8:03 pm

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!!

Dennisdg
Posts: 124
Joined: Tue 07 Feb 2012 9:42 am
Weather Station: Davis Vantage PRO2
Operating System: Win 7 Ultimate
Location: Camberley
Contact:

Re: Request help - differences between Chrome and IE11

Post by Dennisdg » Wed 03 Jan 2018 8:35 pm

Thanks both

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

http://www.g4glp.co.uk

Davis Vantage PRO2
Windows 7 Pro

water01
Posts: 1477
Joined: Sat 13 Aug 2011 9:33 am
Weather Station: WH1081
Operating System: Windows 7 64bit HP SP1
Location: Somewhere in the USA
Contact:

Re: Request help - differences between Chrome and IE11

Post by water01 » Thu 04 Jan 2018 9:17 am

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.

Dennisdg
Posts: 124
Joined: Tue 07 Feb 2012 9:42 am
Weather Station: Davis Vantage PRO2
Operating System: Win 7 Ultimate
Location: Camberley
Contact:

Re: Request help - differences between Chrome and IE11

Post by Dennisdg » Thu 04 Jan 2018 10:10 am

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

http://www.g4glp.co.uk

Davis Vantage PRO2
Windows 7 Pro

Post Reply