OL disables previous UL navigation |
OL disables previous UL navigation |
BaliBoy |
Jan 25 2019, 03:48 AM
Post
#1
|
Group: Members Posts: 3 Joined: 25-January 19 Member No.: 26,803 |
I have a web site where every page has navigation by UL > LI > a href.
On one of these pages, further down, I have a normal OL holding just text. If I access this page directly, everything works fine, but if I come to it via links from another page, the navigation doesn't work (no cursor change, etc) If I remove the offending OL (or change it to UL) everything works OK. This only happens in IE or Edge - on the other four browsers it works fine. If I introduce OL elements into other pages, I get the same problem. There is no Javascript currently being used on this page. Anyone have any ideas? Hope this is all OK - I'm a newbie here! Regards to all. |
Christian J |
Jan 25 2019, 04:11 AM
Post
#2
|
. Group: WDG Moderators Posts: 9,658 Joined: 10-August 06 Member No.: 7 |
Could you post a link to the page, or a sample of the HTML?
In the meantime, also check for errors here: http://validator.w3.org/ |
BaliBoy |
Jan 25 2019, 04:43 AM
Post
#3
|
Group: Members Posts: 3 Joined: 25-January 19 Member No.: 26,803 |
Could you post a link to the page, or a sample of the HTML? In the meantime, also check for errors here: http://validator.w3.org/ Hi Christian Sorry for delay. The site isn't live but here is the "neutralised" code:- <!DOCTYPE html> <html> <head> <title>Problem Web Page</title> <meta charset="UTF-8" /> <meta name="keywords" content="blah blah blah" /> <meta name="description" content="blah blah blah" /> <meta name="copyright" content="blah blah blah" /> <meta name="author" content="blah blah blah" /> <meta name="publisher" content="blah blah blah" /> <meta name="generator" content="Windows Notepad" /> <link rel="stylesheet" href="styles/style.css"> </head> <body oncontextmenu="return false"; onLoad="if (self != top) top.location = self.location"> <div id="logo"> <img src="logos/Logo.png"> </div> <div id="main"> <div id="menu"> <h4>Navigation:-</h4> <ul> THESE ARE THE LINKS WHICH BECOME UNAVAILABLE <li><a href="page1.htm">Page1</a></li> <li><a href="page2.htm">Page2</a></li> <li><a href="page3.htm">Page3</a></li> <li><a href="page4.htm">Page4</a></li> <li><a href="page5.htm">Page5</a></li> <li><a href="page6.htm">Page6</a></li> <li><a href="page7.htm">Page7</a></li> <li><a href="page8.htm">Page8</a></li> </ul> </div> <div id="news" style="height: 120px"> <!-- nothing here yet --> </div> <div id="text"> <h1>Main Page</h1> <p>Blah blah blah</p> <p>Blah blah blah</p> <p>Blah blah blah</p> <p>Blah blah blah</p> <p>Blah blah blah</p> <p>Blah blah blah</p> <ol style="font-size: 95%"> DISABLING THIS LIST SOLVES THE PROBLEM <li>List item 1</li> <li>List item 2</li> <li>List item 3</li> <li>List item 4</li> <li>List item 5</li> <li>List item 6</li> <li>List item 7</li> <li>List item 8</li> <li>List item 9</li> <li>List item 10</li> <li>List item 11</li> <li>List item 12</li> </ol> <p>Blah blah blah</p> <p>Blah blah blah</p> </div> </div> </body> </html> Here are the relevant CSS rules: #menu ul { margin-bottom: 18px; } #menu li { list-style-position: outside; list-style-image: url('../logos/Bullet.gif'); margin-left: 10px; } li { font-family: Arial, Verdana, sans-serif; font-size: 100%; color: #000000; } ol, ul { margin-top: 0px; margin-bottom: 10px; text-align: justify; } Thanks for having a look! |
Christian J |
Jan 25 2019, 07:47 AM
Post
#4
|
. Group: WDG Moderators Posts: 9,658 Joined: 10-August 06 Member No.: 7 |
If I access this page directly, everything works fine, but if I come to it via links from another page, the navigation doesn't work (no cursor change, etc) I tried the above (with a link from another page), and it worked fine in my IE11 and Edge. I don't see any HTML errors either (after removing the comment text between the UL/OL and LI elements). QUOTE There is no Javascript currently being used on this page. FWIW there is this: QUOTE <body oncontextmenu="return false"; onLoad="if (self != top) top.location = self.location"> Don't know if they will cause some browser bug, but try removing them anyway just to test. Also try rebooting the computer (seriously!). (Also, the first part is a no right-click script, those don't work well and will only annoy users. The second part seems to be an anti-framing script, nowadays this can also be done with an HTTP header: https://developer.mozilla.org/en-US/docs/We...X-Frame-Options in a .htaccess file, if your web host allows it, otherwise with e.g. PHP.) QUOTE Hope this is all OK - I'm a newbie here! It's perfectly OK, and welcome! |
pandy |
Jan 25 2019, 09:04 AM
Post
#5
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,731 Joined: 9-August 06 Member No.: 6 |
So what is the not relevant CSS? What else did you remove?
|
Christian J |
Jan 25 2019, 12:29 PM
Post
#6
|
. Group: WDG Moderators Posts: 9,658 Joined: 10-August 06 Member No.: 7 |
Also, do you still get the link problem with the "neutralised" code?
|
BaliBoy |
Jan 26 2019, 01:12 AM
Post
#7
|
Group: Members Posts: 3 Joined: 25-January 19 Member No.: 26,803 |
If I access this page directly, everything works fine, but if I come to it via links from another page, the navigation doesn't work (no cursor change, etc) I tried the above (with a link from another page), and it worked fine in my IE11 and Edge. I don't see any HTML errors either (after removing the comment text between the UL/OL and LI elements). QUOTE There is no Javascript currently being used on this page. FWIW there is this: QUOTE <body oncontextmenu="return false"; onLoad="if (self != top) top.location = self.location"> Don't know if they will cause some browser bug, but try removing them anyway just to test. Also try rebooting the computer (seriously!). (Also, the first part is a no right-click script, those don't work well and will only annoy users. The second part seems to be an anti-framing script, nowadays this can also be done with an HTTP header: https://developer.mozilla.org/en-US/docs/We...X-Frame-Options in a .htaccess file, if your web host allows it, otherwise with e.g. PHP.) QUOTE Hope this is all OK - I'm a newbie here! It's perfectly OK, and welcome! Hi Christian, Thanks for your efforts, and yeah I realised the error about the JavaScript afterwards. I have in fact solved it - but no ideas as to why it works like this. Removing the image used as the bullet point on the UL (navigation) restores normality. I suddenly realised that its the only page using an OL on the only site using a bullet image. Still don't know why IE and Edge throw the error. Anyhow, thanks for your time and effort. |
Lo-Fi Version | Time is now: 26th April 2024 - 02:28 PM |