I have a problem with links in firefox. only happens in firefox and in chrome works well.
If I have a board and I link a document like this:
link
I have in the document:
<a name="mark"> </a>
Anyone know that in going from the front to the page does not take me to that part of the document? only works in firefox when already loaded page while chrome always work.
Use
<a id="mark"> </a>
instead.
Or you could link to a heading directly like:
<h1 id="mark">This is my heading</h1>
Use id <a id="mark" href="#"> </a>
Call by
link
(or)
link (if it is same page)
Related
I have an anchor in a webpage I'm building like this:
<a id="Equity"> </a>
In IE11, the link https://example.com/myPage.html#Equity brings me to the anchor location for a second, and then back to the top of the page. The anchor works correctly with Chrome and Firefox.
I have also tried these, with the same result:
<a name="Equity"> </a>
<div id="Equity"> </div>
<a id="Equity">Some text</a>
Anyone know what could be happening? I've scoured the web without success. I would very much appreciate any help.
Edit: I've discovered that this issue only occurs the first time the URL is loaded in a window/tab. If you refresh the page, it jumps to the anchor correctly, and does not return to the top of the page.
I have an index.html that includes:
<li>
<a href="imprint.html#imprint-link">
<div class="main-menu-title">IMPRINT</div>
</a>
</li>
When I click on this item another html file (imprint.html) is loaded, but when I click on Home, which includes the following code to go back to index.html, it doesn't work!
<a href="#index-link">
<div class="main-menu-title">HOME</div>
</a>
What is wrong here?
Update 1: When hovering the mouse over the link I get:
try using this code :
<a href="index.html">
<div class="main-menu-title">HOME</div>
</a>
inplace of :
<a href="#index-link">
<div class="main-menu-title">HOME</div>
</a>
To answer your original question.
What's wrong here?
As a couple kind folks already commented and one person already provided a nice solution, clicking on your original link
href="#index-link"
while you are on the imprint.html page will not take you to your index.html page. Why? Because
<a href="#index-link">
<div class="main-menu-title">HOME</div>
</a>
is saying, "Take me to an element on the current page (imprint.html) that has an ID of 'index-link'. If there is no element with and ID set to index-link, on the imprint.html page, nothing will happen. And, you will stay on the current page because you didn't specify an URL outside of the current page, which is still imprint.html.
So, with that current setup, you will not get to see index.html.
Here
https://glueckundsegen.de/stammbuch/
(I've included the url, since I expect that maybe the problem is not in the code snippets below)
is a red button saying "Mehr erfahren" thats like "more ...". The button is basically a link:
<a href="https://glueckundsegen.de/stammbuch/#mehr" target="_blank">
<div id="gus--details" class="gus--details">
Mehr erfahren ...
</div>
</a>
And its intended to target an anchor at the headline "Unsere Stammbücher: Durchdacht in allen Details":
<hr />
<p><a id="mehr"></a> </p>
<h2 class="headone">Unsere Stammbücher: Durchdacht in allen Details</h2>
Intended behaviour is, to open a new window and jump down to that anchor. I thought this is pretty simple and bulletproof stuff but it doesn't work for some reason.
It works well in firefox 66 Developer Edition but fails reproducibly in Safari 12.0.2 and most of the time in Chrome 71.0.3578.98
I don't have any idea why? Any help or suggestions?
<a href="#mehr">
<div id="gus--details" class="gus--details">
Mehr erfahren ...
</div>
</a>
without target _blank
example: http://jsfiddle.net/5eztgq3p/
Your href
href="https://glueckundsegen.de/stammbuch/#mehr"
is slightly wrong. Remove the last / leaving
href="https://glueckundsegen.de/stammbuch#mehr"
The url you are using indicates a page within the stammbuch folder at https://glueckundsegen.de
I have a problem with the tag <a> in safari, is not clickable. I mean when I code like this:
Link
it's working well (it totally works with using words), but when I use:
<a href="www.example.com">
<i class="ico-icon"></i>
</a>
it won't be clickable and I can't understand why is not working? can anyone help me to find out what is going on between safari and <a>? Thanks.
According to W3C.com, the i tag is suposed to be used in text when you want to make the text "italic". Like this:
<p>He named his car <i>The lightning</i>, because it was very fast.</p>
Read more here: http://www.w3schools.com/tags/tag_i.asp
And if I were you, i would use an img tag instead so that it would look something like this:
<a href="www.example.com">
<img src="ico-icon" alt="icon">
</a>
So, the reason to why its not working is becouse you are using the i tag wrong.
I haven't tested this on all versions of IE but I have a problem that when I go to this site: http://www.yourwhiteknight.com/manufactured/ and click on one of the image links in the navigation menu (Home, Manufacted Homes, or Real Estate) it just opens the image of the button in the same window. It doesn't do this in Chrome or Firefox (it goes to the link as it should). Has anyone seen this before or does anyone know a solution?
Here is the HTML:
<div class="textwidget">
<a href="http://yourwhiteknight.com/">
<img src="http://yourwhiteknight.com/wp-content/uploads/2012/10/home.button.png" class="icon">
</a>
<a href="http://yourwhiteknight.com/manufactured/">
<img width="233" height="38" src="http://yourwhiteknight.com/wp-content/uploads/2012/11/m.homes-tab.png" class="homes">
</a>
<a href="http://realestate.yourwhiteknight.com">
<img src="http://yourwhiteknight.com/wp-content/uploads/2012/11/real-estate-tab.png" class="real">
</a>
</div>
Thanks in advance for your help!
UPDATE:
I did just notice that when I inspect the element in IE it shows the code for an image as this:
<img width="233" height="38" class="homes" src="http://yourwhiteknight.com/wp-content/uploads/2012/11/m.homes-tab.png"></img>
I tried to add a slash at the end of the image code to no avail ()
Funny thing is that if you go to our other site that is a mirror of this one the buttons work: http://realestate.yourwhiteknight.com/ even though the code on the back end is the exact same.
Add target="_self" to the links and it works as a workaround. There is probably some JavaScript (maybe Google Analytics) interfering with the page.
This was being caused by a plugin called: Google Analytics Suite. I just deactivated it and it started working. Thanks everyone for pointing me in the right direction!