Button Link HTML CSS

Question

How do I make my button active. Below is what I have coded, but the border does not display on life view and the button is not clickable.

<button type="button" onclick="location.href='https://www.oroa.com/blogs/news';" style="background-color: white; border: 2px solid #314893; color: #314893; padding: 12px 16px; font-size: 14px; font-family: times new roman, times, serif;">GET INSPIRED</button>

Answer 1

put the button inside an <a>
<a href="yourlink.net">
<button>my btn</button>
</a>

Answer 2

What do you mean by << life view >>? @@
You <button> code is well working (except if JS not available or desactivated by user ^^), and itself borders are displayed... in html document context, of course ;P

Answer 3

Emails with Html code are very limited compared to browsers view ^^

Check this link about that, on mailchimp site:
http://kb.mailchimp.com/campaigns/design/limitations-of-html-email

Answer 4

Thank you! It's clickable now, but the border still does not show. It's underlined instead. I guess I have to use some css to style it...

Answer 5

Yes, you'll have to style the button and the a tag:

a {
text-decoration: none;
}

Answer 6

The button is now functional and looks as I desired. It's really a basic link with border, instead of a button. I ended up not using <button> after all. I used the code below. THANK YOU ALL FOR YOUR HELP!

<a href="https://www.oroa.com/blogs/news" style="text-decoration: none; border: 2px solid #314893; color: #314893; padding: 12px 16px; font-size: 16px; font-family: times new roman, times, serif;">GET INSPIRED</a>

Answer 7

I'm creating a newsletter in MailChimp. In the MailChimp visual I see the border, but when I sent a test email, there's no border. That's what I was trying to say by live view.

Answer 8

https://t.me/Coders_Crafters join our Teligram group for discussion about HTML 5 & CSS codes questions and many more