Page 1 of 1

Request help - differences between Chrome and IE11

Posted: Wed 03 Jan 2018 6:17 pm
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

Re: Request help - differences between Chrome and IE11

Posted: Wed 03 Jan 2018 8:01 pm
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.

Re: Request help - differences between Chrome and IE11

Posted: Wed 03 Jan 2018 8:03 pm
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!!

Re: Request help - differences between Chrome and IE11

Posted: Wed 03 Jan 2018 8:35 pm
by Dennisdg
Thanks both

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

Re: Request help - differences between Chrome and IE11

Posted: Thu 04 Jan 2018 9:17 am
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.

Re: Request help - differences between Chrome and IE11

Posted: Thu 04 Jan 2018 10:10 am
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