The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> OL disables previous UL navigation
BaliBoy
post 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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Jan 25 2019, 04:11 AM
Post #2


.
********

Group: WDG Moderators
Posts: 9,628
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/
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
BaliBoy
post Jan 25 2019, 04:43 AM
Post #3





Group: Members
Posts: 3
Joined: 25-January 19
Member No.: 26,803



QUOTE(Christian J @ Jan 25 2019, 05:11 PM) *

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!

User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Jan 25 2019, 07:47 AM
Post #4


.
********

Group: WDG Moderators
Posts: 9,628
Joined: 10-August 06
Member No.: 7



QUOTE(BaliBoy @ Jan 25 2019, 09:48 AM) *

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! smile.gif


User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jan 25 2019, 09:04 AM
Post #5


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



So what is the not relevant CSS? What else did you remove?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Jan 25 2019, 12:29 PM
Post #6


.
********

Group: WDG Moderators
Posts: 9,628
Joined: 10-August 06
Member No.: 7



Also, do you still get the link problem with the "neutralised" code?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
BaliBoy
post Jan 26 2019, 01:12 AM
Post #7





Group: Members
Posts: 3
Joined: 25-January 19
Member No.: 26,803



QUOTE(Christian J @ Jan 25 2019, 08:47 PM) *

QUOTE(BaliBoy @ Jan 25 2019, 09:48 AM) *

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! smile.gif


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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 19th March 2024 - 04:16 AM