DNN Forums

Ask questions about your website to get help learning DNN and help resolve issues.
  • Search Forums
    Advanced Search
Prev
Next
Forums Using DNN Platform Administration and Configuration

anchor tag hrefs behave differently

 1 Replies
 0 Subscribed to this topic
 40 Subscribed to this forum
Sort:
Author
Messages
braelef
New Around Here
Posts: 16
New Around Here
6/10/2021 4:11 PM

tl;dr: jumps to the top of the page in DNN. Additionally, :target CSS styles don't apply when links are selected.

I have the following code:



 click me!
hide me!

tada!

 

Outside of DNN, this code works fine. "main" appears when you click "click me!". Likewise, when you click "hide me!", main disappears.
However, inside DNN it is a different story. Nothing appears when you click "click me!", and clicking "hide me!" scrolls the site to the top of the page. Anyone know why my act this way only in DNN?

 

braelef
New Around Here
Posts: 16
New Around Here
6/10/2021 4:14 PM

I guess the editor is rendering my HTML. I'll add extra spaces to prevent it from rendering. Here's what I wrote originally:


< a href="#appear" > click me! < / a >
< a href = "#" > hide me! < / a> 

< div class="main" id="appear" >  appear!

These Forums are for the discussion of the open source CMS DNN platform and ecosystem.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. If you have (suspected) security issues, please DO NOT post them in the forums but instead follow the official DNN security policy. 
  2. No Advertising. This includes the promotion of commercial and non-commercial products or services which are not directly related to DNN.
  3. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  4. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  5. No Flaming or Trolling.
  6. No Profanity, Racism, or Prejudice.
  7. Site Moderators have the final word on approving / removing a thread or post or comment.
  8. English language posting only, please.

Would you like to help us?

Awesome! Simply post in the forums using the link below and we'll get you started.

Get Involved