Questions tagged [anchor]
An anchor (<a>...</a>) is a HTML element used to define the link between the current element (the anchor) and the destination (URI).
5,006
questions
-3
votes
0
answers
27
views
How to implement site navigation with some links to another sites (Vaadin Tabs/Tabsheet)? [closed]
I am trying to implement site navigation with some links to external sites. I am not sure if I am using the right approach (just started learning Vaadin). For this, I am using TabSheet and Anchor ...
0
votes
2
answers
27
views
No background animation on ::before pseudo element for anchor tags
I want a background color transition on my anchor tags that goes from left to right whenever I hover upon them but the background is not visible, instead an underline is only visible.
.project a {
...
-1
votes
0
answers
7
views
Achor Tag link redirecting issue in blogs
I have anchor link of Highlights heading in the blog section, where on click they should go to respective paragraph heading, but in my case they are going respective para content. how can solve this
I ...
-2
votes
2
answers
55
views
Is there any tag in html5 to make drop-down button? [closed]
Is there any tag in html5 to make drop-down button?
How to make navigation bar like drop-down feature in html5?
I tried to make it using flexbox property of CSS and select tag of HTML5,
but i did not ...
0
votes
1
answer
18
views
Not able to locate an anchor tag that has a pseudoelement ::before inside it using testCafe
TestCafe : I have an anchor tag inside which there is a pseudoelement ::before. How do I select the image which appears inside the anchor tag which appears in the inspect element only when I hover ...
0
votes
0
answers
12
views
Perfectly functioning anchor tags on desktop Chrome suddenly unclickable on Android Chrome browser?
I have a problem with two (probably) interrelated issues. The navigation bar I created for my friend's website contains anchor tags that link to element IDs within the page. All of these anchor tags (...
0
votes
0
answers
9
views
How do I email the contents of a completed form?
I have created a form that will fill in blanks based on the contents of dropdown menus. As you change the content of the dropdowns the a paragraph fills in the variables. Now, I would like to be able ...
0
votes
1
answer
39
views
Moving an anchor point on an svg without it affecting the height of the svg?
I have a react component in which I have displayed an svg with a few anchor points. At the widest point of the shape is one anchor point and I want the user to be able to move said anchor point ...
-1
votes
0
answers
64
views
Can't prevent default anchor click behavior [closed]
I want to prevent the default click behavior for anchors.
I'm using this code and it's not working (at least on ios):
<script>
jQuery(document).ready(function($){
// Add smooth scrolling to ...
0
votes
0
answers
17
views
Trouble downloading blobs in tauri app on mac
I have an endpoint that I call that returns a download link to a blob. I then create an anchor tag and click it to download the content of that anchor tag. In my browser and on windows it works well. ...
-1
votes
0
answers
40
views
Is Using Element IDs as URL Fragment Identifiers to Navigate Dynamic Content Covered by Web Standards?
I've encountered a problem with the fragment identifier in URLs, specifically on Wikipedia. Consider this URL as an example:
https://en.wikipedia.org/wiki/Rounding#Round_half_up
This URL, which ...
-2
votes
1
answer
34
views
Multiple Hover on anchor inside a div isn't working but working fine on div itself
I am trying to apply some hover effects on anchor tag inside a div using tailwind CSS but it isn't working as expected.
<div>
<a href="#" class="hover:bg-blue-500 ...
0
votes
0
answers
23
views
Julia on Jupyter Notebook: Link one cell with text in a markdown cell
is there a possibility to link the text in my markdown cell with a code-cell using julia? Trying to clear up my notebook a little. I created bullet points and want to link each of them to certain ...
-1
votes
1
answer
39
views
Overlay a functioning anchor (<a>) on top of a button
I realize that this question has been asked before, but all of the answers I have found boil down to, "Don't do that. It's bad design" and do not provide an actual solution to the problem. ...
1
vote
0
answers
27
views
Intro to web design - adding href to images messes up my layout
this is my first question on here so forgive me if I'm doing anything wrong.
I'm trying to add a-href links to my images however, when I do it, it messes up my entire layout. What I'm trying to do is ...
0
votes
0
answers
13
views
Why aren't anchor links working on android in landscape mode?
I have a website deployed here: https://polina-gushchyna.netlify.app/
The website works as expected on iOS and Android, but I'm encountering a problem in landscape mode on Android where the anchor ...
0
votes
1
answer
30
views
CSS-Selector: Anchor with tabindex still not focusable
I have this jsfiddle with my usecase, where a hidden div should show if another div with an anchor in it gets focus: https://jsfiddle.net/gimoya/skn2y3mx
<div tabindex="1" class="...
0
votes
0
answers
45
views
Angular 16 anchor scroll troubles
I have a web app in angular 16 with home page with menu and several components inside which contain an id as anchor. What I want is to reach one component in the home page by clicking on a menu item.
...
0
votes
0
answers
11
views
Why asp-route encodes get string parameter?
I tried two approaches to create a link:
<a asp-page="/page" asp-route-param="[1]">
<a href="/page?param=[1]">
And got two different addresses:
../page?...
0
votes
0
answers
7
views
In page anchor navigation examples
Hello! I am looking to find some good examples of in page or anchor navigation, like this example in web md. By in page or anchor I mean links that are within the page that jump to certain content on ...
1
vote
1
answer
52
views
How to style a wrapping anchor element?
I have an anchor element that is styled. This works fine until the anchor wraps onto the next line. Then it only applies that style to the vertical intersection of both lines. How can I apply the ...
0
votes
0
answers
20
views
access browser default homepage from html
From an html anchor tag, is there a way to point to the browser's default home page?
I've tried this and the page just comes up blank:
<!DOCTYPE html>
<html>
<head>
<title>...
0
votes
0
answers
47
views
How to download a file with HTML/Javascript with filename that starts with a dot [.]?
I know I can use <a> to download a file through HTML/Javascript but I don't know why it doesn't work when I want to give user, for example, a .gitignore file:
const a = document....
0
votes
0
answers
18
views
d3 : Triggering clicked function using hyperlink anchor <a>
I have a modal that is listing the linked nodes for a given node in a force directed diagram (network).
The idea is that when you click a hyperlink for a connected node, that node will then be ...
0
votes
1
answer
34
views
anchor tag showing hidden div and hide anchor tag itself
I need an anchor tags that link to a hidden div that hides the rest of the content of the page except the div itself , and i know how to do it, but i don't know how to hide also the anchor tag.
Also, ...
0
votes
0
answers
18
views
Anchors are not working on mobile device in Chrome
I have a site:
https://fehergallerosvillanyszerelo.hu/
it worked just fine, and now I experienced that my navigation crashes on mobile devices in Chrome (in FF it work fine). Better said, it works ...
1
vote
2
answers
53
views
Setting .innerHTML of an anchor element makes implemented icon disappear
What is the correct way to overwrite the text in an anchor element without losing the stored icon?
My current solution changes the text value, but the icon next to it is lost.
This is the element (...
0
votes
0
answers
27
views
Anchor Tag with URL still redirects to subdirectory
having some trouble with the anchor tag not opening in a new tab even with target="_blank" and the protocol specified in the href. Consider the following:
Current URL: https://x.y1.com:9443/...
0
votes
1
answer
41
views
DocuSign AnchorString
So I am brand new into the customizing of DocuSign and am wondering if I can get some help with what I'm trying to do
I am able to locate and find a anchorstring, but I am wondering how to I utilize ...
0
votes
1
answer
50
views
How do I add a background image to an empty anchor tag without my text being displayed over the image?
I am trying to put a background image on an empty anchor tag and display text 20px below that image. This is within a flexbox so that it is responsive as I resize my screen. Both the images and the ...
0
votes
2
answers
39
views
How to use anchor in Wordpress permalinks
I'll try to explain my need as best I can. When I create a new post in WordPress, the permalink is automatically generated. The permalink is also present within the post and can be modified manually ...
0
votes
0
answers
35
views
Download a text file without displaying save file popup in an electron app
In my electron app, I am taking user input in a text field and trying to download that text as a csv file on button click. The below JS function is working fine but it displays a popup along with the ...
0
votes
1
answer
11
views
Disappearance of header while scrolling to anchor of a webpage inside Iframe
I have a webpage with a header and an iframe (outer) for loading different webpages as content. One of the webpage also have an iframe (inner) and sidebar. While loading webpages to the inner iframe ...
1
vote
1
answer
32
views
(HTML frame tag) target frame won't work again after clicked
we were tasked to create a web program as quiz that will perform as a pdf page navigator using frameset and frame tag , my problem is that after i clicked on an anchor tag, if i clicked on anchor tag ...
0
votes
0
answers
17
views
Java component positioning on the top of the GridBagLayout
I have these components shown on the center vertically, I want to show them on the top of the panel, like it shown in the picture (the yellow arrow).
NB: I tried to set the anchor on "NORTH" ...
0
votes
0
answers
25
views
Server request made using anchor <a> tag now showing up in Network tab in Developer tools
I am calling using an anchor tag to trigger a file download from a server using following code
downloadFileUsingAnchor (requestUrl) {
const a = document.createElement('a')
a.style.display = '...
0
votes
0
answers
15
views
Ionic 7 Anchor Fragment
I cant get the routerlink/fragment to work.
Does anybody had any luck or am I just doing it wrong?
<ion-button [routerLink]="['/about/']" fragment="make">Add account</ion-...
0
votes
0
answers
12
views
Allowing Multiple Duplicate Permalinks for Specific ACF-created Post Type
I hope you're doing well. The title pretty much captures what I'm grappling with at the moment. Here's the scenario: I'm working with a post type designed solely for searchable posts using custom ...
0
votes
2
answers
79
views
How to resolve Divi (WordPress) anchor link issue
I've setup Divi anchor links on a page but those are not working as expected. The anchor link move the page to top only, but not moving to specific section. See it yourself: http://ryanr179.sg-host....
0
votes
0
answers
390
views
Disable Anchor Link Scroll Animation in Divi
By default, Divi smooth-scrolls the page to sections from anchor links. I need the page to "jump" directly to the section instantly without any scroll animation.
Example: https://...
0
votes
0
answers
14
views
Link to section of another page working...but then again, it isn't
So, I have this strange issue! And it's driving me batty! lol
I'm trying to link to a section of another page using:
<a href="about.php#team">Our Team</a>
On the about page, I ...
0
votes
1
answer
36
views
Bootstrap 4 anchor links not directing to target
So I have a bootstrap4 one page index page with a navbar that has hyperlinks that jumps to the correct section of the page.
Example: This nav link goes to the section with id="events:
<li ...
1
vote
0
answers
114
views
Nextjs router.push with anchor does not work
Do anyone have an idea of why adding an anchor does not necessary work ?
I have a page /contracts with a list of items.
Within each item (div) I put an unique ID
(example: <div id="contract-...
0
votes
1
answer
155
views
Anchor links (#) not working within the same page in Next.JS app router
I have a <Link/> component with the href set to #targetDiv in my Next.js app. Ideally, when a user clicks on the button/link, the page should scroll to the respective section with the id #...
2
votes
1
answer
77
views
The Smooth Scrolling is not working next/link
I am using next/Link but smooth scrolling is not working but when i use anchor tag it is working properly while using anchor tag page is reloading but next/link doesnt load page whenever path changes
...
0
votes
3
answers
43
views
Changin hyperlink color with text section
My writings are linked to the hyperlinks above via ID.
Now I want that when I am inside a section of text the hyperlink that my text is connected to will turn red in color.
how to do it?
#personal-...
0
votes
0
answers
33
views
How to identify whether an anchor tag is rendered using a react-router-dom Link tag or a normal anchor tag?
Pretty much the question . I need to distinguish between normal achor tags and React routers link tags for my application. I do see that Link tags have one extra click listener noop . But im not sure ...
0
votes
0
answers
31
views
Page will reload by using anchor link with absolute URL
The main page is the index.php. I have a header.html, this contain the common navigation menu. The index.php and another page (bajnokaink.php) load from this header.html file the common navigation ...
0
votes
0
answers
31
views
Why does my <a> tag play the mp3 in new tab instead of downloading, even though I've included download="filename.mp3"? [duplicate]
I'm building a webpage using Next.js (version 13) for the frontend and Firebase for the backend. I'm trying to build an <a> tag on the frontend that, when clicked, will download an mp3 file. ...
-1
votes
1
answer
74
views
how can a CSS :active class be added to an <a>nchor when referred to by clicking a link from outside the page?
i know that in-page DOM tools like javascript and CSS can be used to add :active classes to links that have been clicked, or objects referred to by a clicked link, but is there any way to have an :...