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).

Filter by
Sorted by
Tagged with
-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 ...
Wortig's user avatar
  • 988
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 { ...
Probal Kar's user avatar
-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 ...
teja m's user avatar
  • 1
-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 ...
Priyanshu Sinha's user avatar
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 ...
vjayap's user avatar
  • 21
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 (...
Joseph Brockly-Anderson's user avatar
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 ...
Klausmain's user avatar
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 ...
trizdog's user avatar
-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 ...
Cain Nuke's user avatar
  • 2,909
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. ...
hagru's user avatar
  • 43
-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 ...
Lonnie Best's user avatar
  • 10.3k
-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 ...
Vinayak's user avatar
  • 29
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 ...
domee's user avatar
  • 1
-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. ...
MikeMayer67's user avatar
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 ...
Jaysun12345's user avatar
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 ...
Olena Diachenko's user avatar
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="...
Kay's user avatar
  • 2,742
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. ...
Shoks's user avatar
  • 1
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?...
Yola's user avatar
  • 18.6k
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 ...
Thomas Dunlay's user avatar
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 ...
jNiuk's user avatar
  • 103
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>...
mackmama's user avatar
  • 133
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....
Luke Vo's user avatar
  • 18.6k
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 ...
ol-beaut11's user avatar
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, ...
flick9000's user avatar
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 ...
Róbert Hohol's user avatar
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 (...
Dorian Feyerer's user avatar
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/...
Zyad Elgohary's user avatar
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 ...
cpht's user avatar
  • 77
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 ...
ellekatdub's user avatar
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 ...
Redyan's user avatar
  • 3
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 ...
tarun14110's user avatar
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 ...
Lau Sum Yee Sharon's user avatar
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 ...
Jewell Acedillo Berdan's user avatar
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" ...
nour tebbal's user avatar
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 = '...
codingenious's user avatar
  • 8,435
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-...
user avatar
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 ...
Daniel Sjöberg's user avatar
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....
Haroon's user avatar
  • 155
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://...
pseudojk's user avatar
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 ...
kcjonez's user avatar
  • 11
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 ...
hollie's user avatar
  • 61
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-...
Fabien's user avatar
  • 11
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 #...
Rockafella96's user avatar
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 ...
Azeem Khan's user avatar
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-...
constobidullah's user avatar
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 ...
Kritidipto Ghosh's user avatar
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 ...
Dániel Burián's user avatar
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. ...
Michael Zeta's user avatar
-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 :...
eip618's user avatar
  • 1

1
2 3 4 5
101