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?
Thanks in advance
Wishing all a Happy New Year.
http://www.g4glp.co.uk
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 4019) - 03 April 2024
Legacy Cumulus 1 release 1.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
Latest Cumulus MX V3 release 3.28.6 (build 3283) - 21 March 2024
Cumulus MX V4 beta test release 4.0.0 (build 4019) - 03 April 2024
Legacy Cumulus 1 release 1.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
Moderator: daj
-
- 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
You do not have the required permissions to view the files attached to this post.
-
- 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
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"
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 to after
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.
Code: Select all
a:visited {color: white;}
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>
Code: Select all
<div id="content">
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.
-
- Posts: 3246
- 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
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!!
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!!
-
- 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
Thanks both
I'll take a look at it tomorrow and sort the errors. Plus look for an editor.
I'll take a look at it tomorrow and sort the errors. Plus look for an editor.
-
- Posts: 3246
- 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
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.Plus look for an editor.
-
- 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
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
I except the code syntax needs sorting - thanks for the pointers. Will check out WeBuilder.
Regards