Local (Section) links not working in Bootstrap

HTML & CSS
1

Hello,

I have created a webpage using Bootstrap: http://theoff.info/Test16.html. In top navbar, I have created local (section) links with unique ideas: id=ND15 and id=O15. But neither of these local links works from the top navbar: http://theoff.info/Test16.html#O15 and http://theoff.info/Test16.html#ND15.

Could anyone help?

Thanks

2

Delete the pound sign from the ID on the target:

<h2 id="#O15"

should be:

<h2 id="O15"

1 Like
3

Please allow me to strongly recommend that you validate your HTML page…

https://validator.w3.org/nu/?doc=http%3A%2F%2Ftheoff.info%2FTest16.html

61 errors, most of which are significant, is a real problem.

1 Like
4

Ronpat, thanks for useful insights!

I could correct errors except a few because I do not know how to correct them. I have deleted the test page http://theoff.info/Test16.html. I am using the new code for my home page http://theoff.info/.

1 Like
5

Thank you for the feedback!

One of the errors is a script below the end of the page. It should preceed the close </body> tag or be imported in an external JS file.

</body>
</html>
<script type="text/javascript">(function (d, w) ...

 
Line 101, <gcse:search></gcse:search>, is an XML 1.0 construct and is invalid in HTML.
@SamA74 found a proper way to format that here

 
On line 9 in the pinterest meta tag, I think the “description” needs to be in a separate meta tag, but I’m not positive. Can someone else offer a second opinion, please?

6

Thanks Ronpat!

The above code is generated by server. I have no such code in my html file.

7

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.