DNN Forums

Ask questions about your website to get help learning DNN and help resolve issues.
  • Search Forums
    Advanced Search
Prev
Next
Forums Getting Started New to DNN Platform

Add a button on top of an image

 6 Replies
 2 Subscribed to this topic
 37 Subscribed to this forum
Sort:
Author
Messages
Aclate
New Around Here
Posts: 1
New Around Here
5/29/2020 10:51 AM

Hello,

I have an image that I want to add button on top of that is clickable.  Can someone point me in the right direction here?  Anyway to do without code?

Mark Buelsing
Growing Member
Posts: 80
Growing Member
5/29/2020 10:57 AM
Would it be OK to have the image be clickable just like a button would be? This is possible.
Joe Craig
Veteran Member
Posts: 1246
Veteran Member
MVP
MVP
You're an MVP!
5/29/2020 11:04 AM
I would make the image the background of a div, and put the button inside of the div.
Mark Buelsing
Growing Member
Posts: 80
Growing Member
5/29/2020 11:11 AM
Right Joe, good thought.

Another idea with even less code would be to use photoshop or alternative to layer the button on top of the image, then make the image clickable. Note the whole image would be clickable, not just the button.
Joe Craig
Veteran Member
Posts: 1246
Veteran Member
MVP
MVP
You're an MVP!
5/29/2020 11:15 AM
Also good, but ...

Most of my users would immediately want to change the image and leave the button in place! (That's the nature of users/clients) For an example, take a look at the home page of hsc.com.
Timo Breumelhof.
Senior Member
Posts: 1322
Senior Member
3 Helpful Replier
Helpful Replier
Thanks for being such a helpful replier!
Lifesaver
Lifesaver
You're Life Saver!
New Poster
New Poster
Congrats on posting!
3 Engaged Reader
Engaged Reader
You are an engaged reader!
6/3/2020 9:48 AM
Posted By Aclate on 29 May 2020 10:51 AM

Hello,

I have an image that I want to add button on top of that is clickable.  Can someone point me in the right direction here?  Anyway to do without code?

This is not possible without some CSS knowledge TBH

 

 

Joe Craig
Veteran Member
Posts: 1246
Veteran Member
MVP
MVP
You're an MVP!
6/3/2020 11:37 PM

With all of your comments, I think that we failed to communicate that this sort of thing is quite standard, and not hard to do. But you do need to know a couple of things.  That involves some HTML and some CSS.  The good news is that's all that you need to know.
 

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