Error trying to access a section on a page by clicking on a link that is on another page
I am trying to access a section that is in my index.php page by clicking on a link that is in other pages ...
The link is in the navbar-menu, when I clicked on the link, it would take me to a section that is on my index.php page
Before, this worked very well but now it does not work well. When I click on my link, it takes me to another section, not to the section that I want.
This is my navbar-code:
<li class="list_options_Li" id="first_li_main"><a href="leistungen.php" class="smoothScroll main_a">Leistungen</a></li>
<li class="list_options_Li" id="second_li_main"><a href="referenzen.php" class="smoothScroll main_a">Referenzen</a></li>
<li class="list_options_Li" id="third_li_main"><a href="https://nivamedia.ch/index.php#agentur" class="smoothScroll main_a">Agentur</a></li>
<li class="list_options_Li" id="fourth_li_main"><a href="kontakt.php" class="smoothScroll main_a">Kontakt</a></li>
As you can see, this is the link on menu: href= "https://nivamedia.ch/index.php#agentur"
this is the section with id=agentur
And this is the code in of section agentur in index.php:
<section id="agentur">
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12 text-center">
<div class="section-title" id="agentur_section_title">
<h2 class="heading" id="agentur_h1_title" style= "padding-top: 0px; font-size: 700 !important;">Nivamedia-Digital<br> Agentur in Aarau</h2>
<hr align=left style="width: 280px;">
</div>
</div>
</div>
</div>
</section>
When clicking on the link, that should take me to the section with id = agentur in index.php but that does not happen, instead, it takes me to the end of the page. Before that did not happen, the page worked very well, but now I have this error and I do not know where it came from.
Any ideas on how to solve this? I have reviewed my code and I see it very well.
To show you better, You can Go to this link: https://nivamedia.ch/referenzen.php and click on the menu option "Agentur", it should go to index.php#agentur but it doesn't happen.
javascript jquery html css scroll
asked Nov 14 '18 at 14:21
RolandFRolandF
7818
add a comment |
I am trying to access a section that is in my index.php page by clicking on a link that is in other pages ...
The link is in the navbar-menu, when I clicked on the link, it would take me to a section that is on my index.php page
Before, this worked very well but now it does not work well. When I click on my link, it takes me to another section, not to the section that I want.
This is my navbar-code:
<li class="list_options_Li" id="first_li_main"><a href="leistungen.php" class="smoothScroll main_a">Leistungen</a></li>
<li class="list_options_Li" id="second_li_main"><a href="referenzen.php" class="smoothScroll main_a">Referenzen</a></li>
<li class="list_options_Li" id="third_li_main"><a href="https://nivamedia.ch/index.php#agentur" class="smoothScroll main_a">Agentur</a></li>
<li class="list_options_Li" id="fourth_li_main"><a href="kontakt.php" class="smoothScroll main_a">Kontakt</a></li>
As you can see, this is the link on menu: href= "https://nivamedia.ch/index.php#agentur"
this is the section with id=agentur
And this is the code in of section agentur in index.php:
<section id="agentur">
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12 text-center">
<div class="section-title" id="agentur_section_title">
<h2 class="heading" id="agentur_h1_title" style= "padding-top: 0px; font-size: 700 !important;">Nivamedia-Digital<br> Agentur in Aarau</h2>
<hr align=left style="width: 280px;">
</div>
</div>
</div>
</div>
</section>
When clicking on the link, that should take me to the section with id = agentur in index.php but that does not happen, instead, it takes me to the end of the page. Before that did not happen, the page worked very well, but now I have this error and I do not know where it came from.
Any ideas on how to solve this? I have reviewed my code and I see it very well.
To show you better, You can Go to this link: https://nivamedia.ch/referenzen.php and click on the menu option "Agentur", it should go to index.php#agentur but it doesn't happen.
javascript jquery html css scroll
asked Nov 14 '18 at 14:21
RolandFRolandF
7818
add a comment |
I am trying to access a section that is in my index.php page by clicking on a link that is in other pages ...
The link is in the navbar-menu, when I clicked on the link, it would take me to a section that is on my index.php page
Before, this worked very well but now it does not work well. When I click on my link, it takes me to another section, not to the section that I want.
This is my navbar-code:
<li class="list_options_Li" id="first_li_main"><a href="leistungen.php" class="smoothScroll main_a">Leistungen</a></li>
<li class="list_options_Li" id="second_li_main"><a href="referenzen.php" class="smoothScroll main_a">Referenzen</a></li>
<li class="list_options_Li" id="third_li_main"><a href="https://nivamedia.ch/index.php#agentur" class="smoothScroll main_a">Agentur</a></li>
<li class="list_options_Li" id="fourth_li_main"><a href="kontakt.php" class="smoothScroll main_a">Kontakt</a></li>
As you can see, this is the link on menu: href= "https://nivamedia.ch/index.php#agentur"
this is the section with id=agentur
And this is the code in of section agentur in index.php:
<section id="agentur">
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12 text-center">
<div class="section-title" id="agentur_section_title">
<h2 class="heading" id="agentur_h1_title" style= "padding-top: 0px; font-size: 700 !important;">Nivamedia-Digital<br> Agentur in Aarau</h2>
<hr align=left style="width: 280px;">
</div>
</div>
</div>
</div>
</section>
When clicking on the link, that should take me to the section with id = agentur in index.php but that does not happen, instead, it takes me to the end of the page. Before that did not happen, the page worked very well, but now I have this error and I do not know where it came from.
Any ideas on how to solve this? I have reviewed my code and I see it very well.
To show you better, You can Go to this link: https://nivamedia.ch/referenzen.php and click on the menu option "Agentur", it should go to index.php#agentur but it doesn't happen.
javascript jquery html css scroll
asked Nov 14 '18 at 14:21
RolandFRolandF
7818
I am trying to access a section that is in my index.php page by clicking on a link that is in other pages ...
The link is in the navbar-menu, when I clicked on the link, it would take me to a section that is on my index.php page
Before, this worked very well but now it does not work well. When I click on my link, it takes me to another section, not to the section that I want.
This is my navbar-code:
<li class="list_options_Li" id="first_li_main"><a href="leistungen.php" class="smoothScroll main_a">Leistungen</a></li>
<li class="list_options_Li" id="second_li_main"><a href="referenzen.php" class="smoothScroll main_a">Referenzen</a></li>
<li class="list_options_Li" id="third_li_main"><a href="https://nivamedia.ch/index.php#agentur" class="smoothScroll main_a">Agentur</a></li>
<li class="list_options_Li" id="fourth_li_main"><a href="kontakt.php" class="smoothScroll main_a">Kontakt</a></li>
As you can see, this is the link on menu: href= "https://nivamedia.ch/index.php#agentur"
this is the section with id=agentur
And this is the code in of section agentur in index.php:
<section id="agentur">
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12 text-center">
<div class="section-title" id="agentur_section_title">
<h2 class="heading" id="agentur_h1_title" style= "padding-top: 0px; font-size: 700 !important;">Nivamedia-Digital<br> Agentur in Aarau</h2>
<hr align=left style="width: 280px;">
</div>
</div>
</div>
</div>
</section>
When clicking on the link, that should take me to the section with id = agentur in index.php but that does not happen, instead, it takes me to the end of the page. Before that did not happen, the page worked very well, but now I have this error and I do not know where it came from.
Any ideas on how to solve this? I have reviewed my code and I see it very well.
To show you better, You can Go to this link: https://nivamedia.ch/referenzen.php and click on the menu option "Agentur", it should go to index.php#agentur but it doesn't happen.
javascript jquery html css scroll
javascript jquery html css scroll
asked Nov 14 '18 at 14:21
RolandFRolandF
7818
asked Nov 14 '18 at 14:21
RolandFRolandF
7818
asked Nov 14 '18 at 14:21
RolandFRolandF
7818
asked Nov 14 '18 at 14:21
RolandFRolandF
7818
asked Nov 14 '18 at 14:21
RolandFRolandF
7818
7818
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
Works for me (FF 63). Have you tried clearing your cache? Trying a different browser? Trying in incognito mode?
Also, it looks like your markup is broken. This can often lead to anchors not working (because the browser cannot recognise the anchor).
E.g. line 1510:
<p <i id="medium_icon_form1" class="icon-envelope medium-icon wow bounceIn" data-wow-delay="0.6s" style= "padding-right: 160px;"></i> E-Mail</p>
answered Nov 14 '18 at 15:01
richflowrichflow
881210
Even fixing that error in the <p> element does not work either. I have tried to limit the cache, I have tried it in another browser, and it is not working.
– RolandF
Nov 14 '18 at 15:10
The interesting thing is that previously worked great. Two days ago it was working well, today it is not working, and I have not touched the code in these two days.
– RolandF
Nov 14 '18 at 15:11
You still have a script tag between head and body tags (invalid). Please run your page through a validator and fix all the errors before checking again. Your code is broken in multiple places.
– richflow
Nov 14 '18 at 15:13
Ok, if it is not working with the Agentur section, it should not work with the other sections either. But if I try to access the section New projekt (the one before agentur) from other pages, it works well...Why?
– RolandF
Nov 14 '18 at 15:27
The point of having valid code is that the behaviour of the browser's rendering becomes predictable. If the code is not valid, then the browser will handle the code in different and often unpredictable ways. Your question is exactly why you want to have valid markup - so you can determine why one case works and why one case doesn't.
– richflow
Nov 14 '18 at 15:35
|
show 3 more comments
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53302384%2ferror-trying-to-access-a-section-on-a-page-by-clicking-on-a-link-that-is-on-anot%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
Works for me (FF 63). Have you tried clearing your cache? Trying a different browser? Trying in incognito mode?
Also, it looks like your markup is broken. This can often lead to anchors not working (because the browser cannot recognise the anchor).
E.g. line 1510:
<p <i id="medium_icon_form1" class="icon-envelope medium-icon wow bounceIn" data-wow-delay="0.6s" style= "padding-right: 160px;"></i> E-Mail</p>
answered Nov 14 '18 at 15:01
richflowrichflow
881210
Even fixing that error in the <p> element does not work either. I have tried to limit the cache, I have tried it in another browser, and it is not working.
– RolandF
Nov 14 '18 at 15:10
The interesting thing is that previously worked great. Two days ago it was working well, today it is not working, and I have not touched the code in these two days.
– RolandF
Nov 14 '18 at 15:11
You still have a script tag between head and body tags (invalid). Please run your page through a validator and fix all the errors before checking again. Your code is broken in multiple places.
– richflow
Nov 14 '18 at 15:13
Ok, if it is not working with the Agentur section, it should not work with the other sections either. But if I try to access the section New projekt (the one before agentur) from other pages, it works well...Why?
– RolandF
Nov 14 '18 at 15:27
The point of having valid code is that the behaviour of the browser's rendering becomes predictable. If the code is not valid, then the browser will handle the code in different and often unpredictable ways. Your question is exactly why you want to have valid markup - so you can determine why one case works and why one case doesn't.
– richflow
Nov 14 '18 at 15:35
|
show 3 more comments
Works for me (FF 63). Have you tried clearing your cache? Trying a different browser? Trying in incognito mode?
Also, it looks like your markup is broken. This can often lead to anchors not working (because the browser cannot recognise the anchor).
E.g. line 1510:
<p <i id="medium_icon_form1" class="icon-envelope medium-icon wow bounceIn" data-wow-delay="0.6s" style= "padding-right: 160px;"></i> E-Mail</p>
answered Nov 14 '18 at 15:01
richflowrichflow
881210
Even fixing that error in the <p> element does not work either. I have tried to limit the cache, I have tried it in another browser, and it is not working.
– RolandF
Nov 14 '18 at 15:10
The interesting thing is that previously worked great. Two days ago it was working well, today it is not working, and I have not touched the code in these two days.
– RolandF
Nov 14 '18 at 15:11
You still have a script tag between head and body tags (invalid). Please run your page through a validator and fix all the errors before checking again. Your code is broken in multiple places.
– richflow
Nov 14 '18 at 15:13
Ok, if it is not working with the Agentur section, it should not work with the other sections either. But if I try to access the section New projekt (the one before agentur) from other pages, it works well...Why?
– RolandF
Nov 14 '18 at 15:27
The point of having valid code is that the behaviour of the browser's rendering becomes predictable. If the code is not valid, then the browser will handle the code in different and often unpredictable ways. Your question is exactly why you want to have valid markup - so you can determine why one case works and why one case doesn't.
– richflow
Nov 14 '18 at 15:35
|
show 3 more comments
Works for me (FF 63). Have you tried clearing your cache? Trying a different browser? Trying in incognito mode?
Also, it looks like your markup is broken. This can often lead to anchors not working (because the browser cannot recognise the anchor).
E.g. line 1510:
<p <i id="medium_icon_form1" class="icon-envelope medium-icon wow bounceIn" data-wow-delay="0.6s" style= "padding-right: 160px;"></i> E-Mail</p>
answered Nov 14 '18 at 15:01
richflowrichflow
881210
Works for me (FF 63). Have you tried clearing your cache? Trying a different browser? Trying in incognito mode?
Also, it looks like your markup is broken. This can often lead to anchors not working (because the browser cannot recognise the anchor).
E.g. line 1510:
<p <i id="medium_icon_form1" class="icon-envelope medium-icon wow bounceIn" data-wow-delay="0.6s" style= "padding-right: 160px;"></i> E-Mail</p>
answered Nov 14 '18 at 15:01
richflowrichflow
881210
answered Nov 14 '18 at 15:01
richflowrichflow
881210
answered Nov 14 '18 at 15:01
richflowrichflow
881210
answered Nov 14 '18 at 15:01
richflowrichflow
881210
881210
Even fixing that error in the <p> element does not work either. I have tried to limit the cache, I have tried it in another browser, and it is not working.
– RolandF
Nov 14 '18 at 15:10
The interesting thing is that previously worked great. Two days ago it was working well, today it is not working, and I have not touched the code in these two days.
– RolandF
Nov 14 '18 at 15:11
You still have a script tag between head and body tags (invalid). Please run your page through a validator and fix all the errors before checking again. Your code is broken in multiple places.
– richflow
Nov 14 '18 at 15:13
Ok, if it is not working with the Agentur section, it should not work with the other sections either. But if I try to access the section New projekt (the one before agentur) from other pages, it works well...Why?
– RolandF
Nov 14 '18 at 15:27
The point of having valid code is that the behaviour of the browser's rendering becomes predictable. If the code is not valid, then the browser will handle the code in different and often unpredictable ways. Your question is exactly why you want to have valid markup - so you can determine why one case works and why one case doesn't.
– richflow
Nov 14 '18 at 15:35
|
show 3 more comments
Even fixing that error in the <p> element does not work either. I have tried to limit the cache, I have tried it in another browser, and it is not working.
– RolandF
Nov 14 '18 at 15:10
The interesting thing is that previously worked great. Two days ago it was working well, today it is not working, and I have not touched the code in these two days.
– RolandF
Nov 14 '18 at 15:11
You still have a script tag between head and body tags (invalid). Please run your page through a validator and fix all the errors before checking again. Your code is broken in multiple places.
– richflow
Nov 14 '18 at 15:13
Ok, if it is not working with the Agentur section, it should not work with the other sections either. But if I try to access the section New projekt (the one before agentur) from other pages, it works well...Why?
– RolandF
Nov 14 '18 at 15:27
The point of having valid code is that the behaviour of the browser's rendering becomes predictable. If the code is not valid, then the browser will handle the code in different and often unpredictable ways. Your question is exactly why you want to have valid markup - so you can determine why one case works and why one case doesn't.
– richflow
Nov 14 '18 at 15:35
Even fixing that error in the <p> element does not work either. I have tried to limit the cache, I have tried it in another browser, and it is not working.
– RolandF
Nov 14 '18 at 15:10
Even fixing that error in the <p> element does not work either. I have tried to limit the cache, I have tried it in another browser, and it is not working.
– RolandF
Nov 14 '18 at 15:10
The interesting thing is that previously worked great. Two days ago it was working well, today it is not working, and I have not touched the code in these two days.
– RolandF
Nov 14 '18 at 15:11
The interesting thing is that previously worked great. Two days ago it was working well, today it is not working, and I have not touched the code in these two days.
– RolandF
Nov 14 '18 at 15:11
You still have a script tag between head and body tags (invalid). Please run your page through a validator and fix all the errors before checking again. Your code is broken in multiple places.
– richflow
Nov 14 '18 at 15:13
You still have a script tag between head and body tags (invalid). Please run your page through a validator and fix all the errors before checking again. Your code is broken in multiple places.
– richflow
Nov 14 '18 at 15:13
Ok, if it is not working with the Agentur section, it should not work with the other sections either. But if I try to access the section New projekt (the one before agentur) from other pages, it works well...Why?
– RolandF
Nov 14 '18 at 15:27
Ok, if it is not working with the Agentur section, it should not work with the other sections either. But if I try to access the section New projekt (the one before agentur) from other pages, it works well...Why?
– RolandF
Nov 14 '18 at 15:27
The point of having valid code is that the behaviour of the browser's rendering becomes predictable. If the code is not valid, then the browser will handle the code in different and often unpredictable ways. Your question is exactly why you want to have valid markup - so you can determine why one case works and why one case doesn't.
– richflow
Nov 14 '18 at 15:35
The point of having valid code is that the behaviour of the browser's rendering becomes predictable. If the code is not valid, then the browser will handle the code in different and often unpredictable ways. Your question is exactly why you want to have valid markup - so you can determine why one case works and why one case doesn't.
– richflow
Nov 14 '18 at 15:35
|
show 3 more comments
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53302384%2ferror-trying-to-access-a-section-on-a-page-by-clicking-on-a-link-that-is-on-anot%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
