How can I make this button a link?

Started by Jeremy M., May 18, 2017, 09:15:52 AM

Previous topic - Next topic

Jeremy M.

<button type="button" name="" value="" class="css3button">Message Board Forums & Chat</button>


button.css3button {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #050505;
padding: 10px 20px;
background: -moz-linear-gradient(
top,
#f7ff00 0%,
#ffbf00);
background: -webkit-gradient(
linear, left top, left bottom,
from(#f7ff00),
to(#ffbf00));
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
border: 5px solid #000000;
-moz-box-shadow:
0px 1px 3px rgba(000,000,000,0.5),
inset 0px 0px 1px rgba(255,255,255,0.7);
-webkit-box-shadow:
0px 1px 3px rgba(000,000,000,0.5),
inset 0px 0px 1px rgba(255,255,255,0.7);
box-shadow:
0px 1px 3px rgba(000,000,000,0.5),
inset 0px 0px 1px rgba(255,255,255,0.7);
text-shadow:
0px -1px 0px rgba(000,000,000,0.4),
0px 1px 0px rgba(255,255,255,0.3);
}


Sir Osis of Liver




<a href="http://.................."><button type="button" name="" value="" class="css3button">Message Board Forums & Chat</button></a>



Ashes and diamonds, foe and friend,
 we were all equal in the end.

                                     - R. Waters

Arantor

Why even make it that complicated? Just convert it to an <a> tag and just apply the styling to the a tag?

Advertisement: