Chrex Posted June 9, 2015 Share Posted June 9, 2015 Hi there, can you just use a button to "submit" and "delete" something? Im planing to have a "link"-button. Is there a tutorial for buttons? I want to learn how to create and design buttons. Thanks for your help, Chrex Link to comment Share on other sites More sharing options...
niche Posted June 9, 2015 Share Posted June 9, 2015 (edited) They're everywhere. Try this one: http://www.hongkiat.com/blog/css3-button-tutorials/ EDIT: Why are you linking php & buttons in your question? Edited June 9, 2015 by niche 1 Link to comment Share on other sites More sharing options...
Chrex Posted June 9, 2015 Author Share Posted June 9, 2015 (edited) Thanks a lot. It would probably be better to link buttons and html, right? Edited June 10, 2015 by Chrex Link to comment Share on other sites More sharing options...
Chrex Posted June 10, 2015 Author Share Posted June 10, 2015 (edited) But how can I set a link behind the button? Putting the href in the button doesnt work: <button class="123" href="abc.html">abc</button> Putting the button-class in the link doesnt work too: <a class="button" href="abc.html">abc</a> Edited June 10, 2015 by Chrex Link to comment Share on other sites More sharing options...
dsonesuk Posted June 10, 2015 Share Posted June 10, 2015 css .anchor_button { border-radius: 13px; box-shadow: 2px 2px 5px #555; color: #fff; display: block; height: 35px; line-height: 35px; margin: 10px; text-align: center; width: 185px; /*gradient generator http://www.colorzilla.com/gradient-editor/*/ background: #2976cd; /* Old browsers */ background: -moz-linear-gradient(top, #2976cd 0%, #53a0df 50%, #3e94e0 100%, #96c7ec 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2976cd), color-stop(50%,#53a0df), color-stop(100%,#3e94e0), color-stop(100%,#96c7ec)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #2976cd 0%,#53a0df 50%,#3e94e0 100%,#96c7ec 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #2976cd 0%,#53a0df 50%,#3e94e0 100%,#96c7ec 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #2976cd 0%,#53a0df 50%,#3e94e0 100%,#96c7ec 100%); /* IE10+ */ background: linear-gradient(to bottom, #2976cd 0%,#53a0df 50%,#3e94e0 100%,#96c7ec 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2976cd', endColorstr='#96c7ec',GradientType=0 ); /* IE6-9 */ } html <a class="anchor_button" href="http://google.com">Google</a> Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now